2

以下是 Windows Phone 8 应用程序的一个非常基本的布局。我有PivotControl一个PivotItem。的标题PivotControl用红色勾勒，而 的标题PivotItem用绿色勾勒。我将Canvas占用 100% 的空间，PivotItem因此我需要能够相应地计算它的尺寸（因为高度/宽度将决定其他控件的大小和位置）。

所以现在我可以PivotItem用这个计算我的宽度，其中margin是所有四个边的边距量（左右乘以 2）：

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

高度更加困难，因为我需要获取屏幕总高度并减去 StatusBar 高度和标题高度（我的图像中的红色矩形）。

有谁知道我怎样才能得到我的身高PivotItem？有没有比像我一样尝试计算它更简单的方法？现在Height和ActualHeight属性都是 0.0。

在此处输入图像描述

4

2 回答 2

1

默认高度和宽度将根据手机的分辨率而变化。以下是根据 Blend 的数据透视项目模板大小。

WVGA (480x800)：456 x 603

WXGA (480x1280)：456 x 603

720p (720x1280)：456 x 656

于 2012-11-13T14:20:30.427 回答
1

如果我理解正确，你有一个 Canvas 占据了整个 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());
}
于 2012-11-13T20:43:48.423 回答