Windows Phone – 更改方向更改的布局

我正在构建一个 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.但是,我似乎可以找到正确的语法

解决方法

<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"
                        ....>

通过以编程方式设置datatemplate

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;
    }
}

这应该工作！

（编辑：滁州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!