xaml - Windows phone 8 - Pivot Active、Inactive Header 模板

Question

我想为我的数据透视表的标题使用不同的模板，如果它被选中/活动 id 喜欢使用模板 A，如果它是非活动/未选中，我想使用模板 B。

我想做的与 Windows 手机的 facebook 应用程序几乎相同，其中活动枢轴上显示一个小三角形/箭头。我不是 100% 确定这是如何设计的，如果图标和箭头是标题模板，或者它只是箭头，或者它是否是枢轴......

如果有人能阐明如何实现这种 UI，我将不胜感激。

Answer 1

最终解决了这个问题

我完全删除了枢轴标题并创建了一个独立控件来导航枢轴

在枢轴和导航控件之间共享的导航视图模型具有 SelectedPage 属性，当您在导航控件中导航时该属性会发生变化：

<AppControls:Nav Grid.Row="0"/>

这使我可以完全控制所选菜单项的布局。SelectedPage 属性绑定到枢轴 selectedindex：

完整标记：

<Grid x:Name="LayoutRoot" DataContext="{Binding Nav, Source={StaticResource Locator}}" Background="#E8E8E8">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition/>
        </Grid.RowDefinitions>


        <!--ContentPanel - place additional content here-->

        <AppControls:Nav Grid.Row="0"/>
        <phone:Pivot SelectedIndex="{Binding SelectedPage, Mode=TwoWay}" Grid.Row="1" x:Name="MainGui">
            <phone:PivotItem x:Name="FrontPage">

                <AppControls:Topnav Grid.Row="1" />

            </phone:PivotItem>
            <phone:PivotItem x:Name="PlacesPage">
                <AppControls:PlacesControl Grid.Row="1"/>
            </phone:PivotItem>            
            <phone:PivotItem x:Name="MapPage">
                <AppControls:MapControl Grid.Row="1"/>
            </phone:PivotItem>

            <phone:PivotItem x:Name="SettingsPage">
                <AppControls:Settings Grid.Row="1" />
            </phone:PivotItem>
        </phone:Pivot>



    </Grid>