2012-11-13 77 views
2

以下是Windows Phone 8应用程序的一个非常基本的布局。我有一个PivotControlPivotItemPivotControl的标题显示为红色,而PivotItem显示为绿色。我将有一个Canvas占据PivotItem的100%,因此我需要能够相应地计算它的尺寸(因为该高度/宽度将决定其他控件的尺寸和位置)。计算PivotItem的高度?

所以现在我可以计算出我PivotItem本,其中margin是保证金的四面量(左乘以2,右)的宽度:

double width = Application.Current.Host.Content.ActualWidth - (margin * 2); 

高度更困难,因为我需要采取总屏幕高度并减去StatusBar高度和标题高度(我的图像中的红色矩形)。

有谁知道我怎么能得到我的PivotItem的高度?有没有比尝试像我这样计算它更简单的方法?现在HeightActualHeight属性都是0.0。

enter image description here

回答

1

如果我理解正确的话,你有一个帆布占据整个PivotItem?事情是这样的:

<phone:Pivot> 
    <phone:Pivot.Items> 
     <phone:PivotItem Header="menu"> 
      <Canvas x:Name="Canvas" /> 
     </phone:PivotItem> 
     <phone:PivotItem Header="game" /> 
    </phone:Pivot.Items> 
</phone:Pivot> 

如果是这样,检索画布的高度是相当简单:

Debug.WriteLine(this.Canvas.ActualHeight); 

注:ActualHeight属性将不是Loaded事件之前进行填充。所以,如果你想从构造函数或方法OnNavigatedTo读它,属性将等于0。

完整的XAML代码:

<phone:PhoneApplicationPage 
    x:Class="WP7ForumTest.Page3" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" 
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    FontFamily="{StaticResource PhoneFontFamilyNormal}" 
    FontSize="{StaticResource PhoneFontSizeNormal}" 
    Foreground="{StaticResource PhoneForegroundBrush}" 
    SupportedOrientations="Portrait" Orientation="Portrait" 
    Loaded="Page_Loaded"> 

    <!--LayoutRoot is the root grid where all page content is placed--> 
    <Grid x:Name="LayoutRoot" Background="Transparent"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="*"/> 
     </Grid.RowDefinitions> 

     <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> 
      <phone:Pivot> 
       <phone:Pivot.Items> 
        <phone:PivotItem Header="menu"> 
         <Canvas x:Name="Canvas" /> 
        </phone:PivotItem> 
        <phone:PivotItem Header="game" /> 
       </phone:Pivot.Items> 
      </phone:Pivot> 
     </Grid> 

</phone:PhoneApplicationPage> 

和代码隐藏:

private void Page_Loaded(object sender, RoutedEventArgs e) 
{ 
    MessageBox.Show(this.Canvas.ActualHeight.ToString()); 
} 
+0

太棒了,谢谢。这可能会起作用,但我更喜欢在Loaded事件之前计算高度,因为当页面加载时,有些事情取决于高度/宽度。也许我正在讨论这个错误 - 我今晚会再看一遍,看看我能否让这个解决方案起作用。 – lhan

+0

@ lhan16我非常怀疑有一种方法可以在'Loaded'事件之前动态获取元素的大小。如果这是一个问题,你必须像Lance建议的那样对值进行硬编码,或者使用不同的容器,比如'Grid',它可以让你用百分比而不是像素值来定位元素。 –

+0

这是有道理的。谢谢。 – lhan

1

默认高度和宽度将根据手机的分辨率更改。以下是根据Blend的数据透视表模板大小。

WVGA(480×800):456 X 603

WXGA(480x1280):456 X 603

支持720p(720x1280):456 X 656

+0

谢谢。今晚我会试试这个。但是,我真的更喜欢一种实际计算这些值的方法,这样我就不必为每个分辨率对它们进行硬编码。 – lhan