Windows phone 8 - Pivot Active,Inactive Header模板

时间:2013-08-24 23:46:40

标签: xaml mobile user-interface windows-phone-8

我想为我的支点的标题使用不同的模板,如果它的选择/活动ID喜欢使用模板A,如果它不活动/未选择,我想使用模板B.

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

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

1 个答案:

答案 0 :(得分:0)

结束本次

的解决方案

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

在pivot和Nav控件之间共享的nav-viewmodel具有SelectedPage属性,当您在Nav控件中导航时,该属性会更改:

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

这使我可以完全控制所选菜单项的布局。 SelectedPage属性绑定到pivotots 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>