Windows Phone 7 - 数据透视控制上方的按钮

时间:2013-04-26 11:33:49

标签: windows-phone-7.1

使用默认的Windows Pivot应用程序创建数据透视应用程序,想要在数据透视控件上方添加2个按钮,但它们会一直显示在枢轴上,而不是上方。 例如。下面的代码不会产生正确的结果

<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">

   <Button Name ="btnFav" Content="Favourite" HorizontalAlignment="Left" Height="77" Margin="157,0,0,0" VerticalAlignment="Top" Width="158" RenderTransformOrigin="1.608,0.329" BorderBrush="#FFD49A48" Foreground="#FF007C00"/>

    <!--Pivot Control-->
    <controls:Pivot Name="objPivot" >


    </controls:Pivot>

1 个答案:

答案 0 :(得分:1)

在网格中,控件位于行和列中。如果未指定行或列,则控件将位于第一个控件中。因此,在您的情况下,按钮和枢轴都位于第一行和第一列,因此重叠。

只需声明两个不同的行,并在每个行中放置一个控件:

<Grid x:Name="LayoutRoot" Background="Transparent">
   <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition />
   </Grid.RowDefinition>

   <Button Grid.Row="0" Name ="btnFav" Content="Favourite" HorizontalAlignment="Left" Height="77" Margin="157,0,0,0" VerticalAlignment="Top" Width="158" RenderTransformOrigin="1.608,0.329" BorderBrush="#FFD49A48" Foreground="#FF007C00"/>

    <!--Pivot Control-->
    <controls:Pivot Name="objPivot" Grid.Row="1">

</controls:Pivot>

请注意,我已经使用自动方式声明了第一行。这样,它将自动调整大小以与其子控件(在您的情况下,按钮)具有相同的高度。您可以根据需要更改高度属性的值。