1
this tutorial 다음의 바인딩을 사용하여 pivotpage를 채 웁니다. 그것은 1 사실을 제외하고는 아주 잘 작동합니다. 내 콘텐츠가 잠재력을 최대한 발휘하지 않습니다.피벗 아이템 데이터 템플릿
일반 :
XAML : 바인딩
<controls:Pivot Title="MY APPLICATION">
<!--Pivot item one-->
<controls:PivotItem Header="item1">
<Button Content="test" />
</controls:PivotItem>
<!--Pivot item two-->
<controls:PivotItem Header="item2">
<Grid/>
</controls:PivotItem>
</controls:Pivot>
:
XAML :
<phone:PhoneApplicationPage.Resources> <DataTemplate x:Key="TheShopApp.UI.ViewModels.TestPivotItemViewModel"> <Button Content="Test" /> </DataTemplate> </phone:PhoneApplicationPage.Resources> <controls:Pivot Title="{Binding Path=ApplicationName}" ItemsSource="{Binding Path=PivotItems}">
<controls:Pivot.HeaderTemplate>
<DataTemplate>
<Grid x:Name="grid">
<TextBlock TextWrapping="Wrap"
Text="{Binding PivotTitle}"
d:LayoutOverrides="Width, Height" />
</Grid>
</DataTemplate>
</controls:Pivot.HeaderTemplate>
<controls:Pivot.ItemTemplate>
<DataTemplate>
<helpers:DataTemplateSelector Content="{Binding}" />
</DataTemplate>
</controls:Pivot.ItemTemplate>
</controls:Pivot>
그래서 지금은 내 질문은 : 어떻게 내 바인딩 내용이 정상적인 내용처럼받을 수 있나요? this question은 같은 종류이지만, 어떻게 구현했는지 파악할 수 없었습니다.
HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"
XAML :
<phone:PhoneApplicationPage.Resources>
<DataTemplate x:Key="TheShopApp.UI.ViewModels.TestPivotItemViewModel">
<Button Content="Test" />
</DataTemplate>
</phone:PhoneApplicationPage.Resources>
<controls:Pivot Title="{Binding Path=ApplicationName}" ItemsSource="{Binding Path=PivotItems}">
<controls:Pivot.HeaderTemplate>
<DataTemplate>
<Grid x:Name="grid">
<TextBlock TextWrapping="Wrap"
Text="{Binding PivotTitle}"
d:LayoutOverrides="Width, Height" />
</Grid>
</DataTemplate>
</controls:Pivot.HeaderTemplate>
<controls:Pivot.ItemTemplate>
<DataTemplate>
<helpers:DataTemplateSelector HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Content="{Binding}" />
</DataTemplate>
</controls:Pivot.ItemTemplate>
</controls:Pivot>