如何在NavigationView标题行上右对齐后退?

时间:2018-05-04 09:20:34

标签: c# uwp

这是我的第一次尝试,除了这个问题是标题位于命令栏上方,而不是在同一行。

    <NavigationView
                    IsBackButtonVisible="Collapsed"
                    IsBackEnabled="False"
                    Header="MyHeader!"
                    x:Name="NavView">
        <NavigationView.MenuItems>
            <NavigationViewItem Icon="Home" Content="Home"/>
            <NavigationViewItem Icon="Globe" Content="Item1"/>
        </NavigationView.MenuItems>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <CommandBar>
                <AppBarButton Icon="back"/>
                <AppBarButton Icon="forward"/>
            </CommandBar>
            <Frame Row="0" x:Name="ContentFrame"/>
        </Grid>            

    </NavigationView>

</Grid>

1 个答案:

答案 0 :(得分:0)

这就是它的样子:

enter image description here

以下是解决问题的方法:

    <NavigationView
                    Background="{ThemeResource 
                         SystemControlBackgroundChromeMediumBrush}"
                    IsBackButtonVisible="Collapsed"
                    IsBackEnabled="False"
                    Header="Zobz!"
                    x:Name="NavView" 
                    SelectionChanged="NavView_SelectionChanged">
        <NavigationView.MenuItems>
            <NavigationViewItem Icon="Home"  Content="Home"  /> 
            <NavigationViewItem Icon="Globe"  Content="Item1"  />
        </NavigationView.MenuItems>

        <NavigationView.HeaderTemplate>
            <DataTemplate>
                <CommandBar>
                    <AppBarButton Icon="Back"/>
                    <AppBarButton Icon="Forward"/>

                    <CommandBar.Content>
                            <TextBlock x:Name="appTitle"
                              FontSize="20"
                              VerticalAlignment="Center"
                              Text="{Binding}"/>
                        </CommandBar.Content>
                    </CommandBar>
            </DataTemplate>
        </NavigationView.HeaderTemplate>

        <Frame x:Name="ContentFrame"/>

    </NavigationView>