我正在构建一个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。但是,我似乎找到了正确的语法
答案 0 :(得分: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"
....>
通过编程方式设置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;
}
}
这应该有用!
答案 1 :(得分:1)
您可以在Page资源中为Pivot项创建新模板,然后处理layoutchange事件:
void MainPage_OrientationChanged(object sender, OrientationChangedEventArgs e){if (e.Orientation == PageOrientation.LandscapeLeft || e.Orientation == PageOrientation.LandscapeRight)
{
}
else
{
}}