我正在构建一个
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; } }
这应该工作!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。