3

我正在构建一个 Windows Phone 8 应用程序,该应用程序使用 Pivot 控件为不同用户显示给定日期的数据。每个 PivotItem 拥有不同的用户。

目前我的应用程序只支持纵向,但我也想支持横向。这样做时,我希望每个 PivotItem 不再只显示一个日期的数据,而是显示一整周的数据,从而显着改变布局。

我的第一种方法是导航到具有新布局的新页面,但是在对此进行一些研究期间,我了解到也许正确/最佳的方法是更改​​ DataTemplate。我认为应该在 Pivot 控件 ItemTemplate 上。

然而,这让我无法思考并开始工作。因此,我的问题是当方向改变时改变布局的最佳方法是什么——导航到新页面或改变 DataTemplate——如果是改变 Pivot 控件的模板,应该怎么做?

编辑 - 当前枢轴控制的代码

<phone:Pivot x:Name="PivotPlatform" Title="DEMO" ItemsSource="{Binding PivotItems}" FontSize="13.333" >
   <phone:Pivot.HeaderTemplate>
       <DataTemplate>
           <TextBlock Text="{Binding Title}"/>
       </DataTemplate>
   </phone:Pivot.HeaderTemplate>
   <phone:Pivot.ItemTemplate>
       <DataTemplate>
           <!-- Controls omitted -->
       </DataTemplate>
   </phone:Pivot.ItemTemplate>
</phone:Pivot><?xml version="1.0" encoding="utf-8"?>

我认为我需要做的就是使用省略的控件提取 DataTemplate,然后根据方向“仅”指定所需的 DataTemplate。但是,我似乎可以找到正确的语法

4

2 回答 2

6

在页面资源中定义两个模板

<phone:PhoneApplicationPage.Resources>
    <DataTemplate x:Key="DataTemplate1">
        <!--DEFINE TEMPLATE HERE-->
    </DataTemplate>
    <DataTemplate x:Key="DataTemplate2">
        <!--DEFINE TEMPLATE HERE-->
    </DataTemplate>
</phone:PhoneApplicationPage.Resources>

然后像这样定义 Pivot:

    <phone:Pivot x:Name="PivotPlatform"
                 Title="DEMO"
                 FontSize="13.333"
                 ItemsSource="{Binding PivotItems}">
        <phone:Pivot.HeaderTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Title}" />
            </DataTemplate>
        </phone:Pivot.HeaderTemplate>
    </phone:Pivot>

处理方向改变事件

<phone:PhoneApplicationPage ....
                        OrientationChanged="PhoneApplicationPage_OrientationChanged"
                        ....>

通过以编程方式设置数据模板

private void PhoneApplicationPage_OrientationChanged(object sender, OrientationChangedEventArgs e)
{
    if (e.Orientation == PageOrientation.PortraitDown || e.Orientation == PageOrientation.PortraitUp)
    {
        PivotPlatform.ItemTemplate = this.Resources["DataTemplate1"] as DataTemplate;
    }
    else
    {
        PivotPlatform.ItemTemplate = this.Resources["DataTemplate2"] as DataTemplate;
    }
}

那应该工作!

于 2013-04-14T17:53:30.000 回答
1

您可以在页面资源中为 Pivot 项目创建新模板,然后处理 layoutchange 事件:

void MainPage_OrientationChanged(object sender, OrientationChangedEventArgs e){if (e.Orientation == PageOrientation.LandscapeLeft || e.Orientation == PageOrientation.LandscapeRight)
{
}
else 
{
}}
于 2013-04-14T15:22:15.187 回答