我正在尝试制作一个UWP应用程序NavigationView
.我的问题是找到一种方法来Header
改变当前显示的页面.我的应用程序基于Microsoft UWP示例"AppUIBasics".在示例Header
中,NavigationView
节目总是"欢迎",因为它的硬编码但我希望它根据所选页面进行更改.
MainPage.xaml:
<NavigationView x:Name="NavView"
ItemInvoked="NavView_ItemInvoked"
SelectionChanged="NavView_SelectionChanged"
Loaded="NavView_Loaded"
Canvas.ZIndex="0">
<NavigationView.HeaderTemplate>
<DataTemplate>
<Grid Margin="24,10,0,0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<TextBlock x:Name="appTitle" Style="{StaticResource TitleTextBlockStyle}"
FontSize="28"
VerticalAlignment="Center"
Text="Welcome"/>
<CommandBar Grid.Column="1"
HorizontalAlignment="Right"
VerticalAlignment="Top"
DefaultLabelPosition="Right"
Background="{ThemeResource SystemControlBackgroundAltHighBrush}">
<AppBarButton Label="Refresh" Icon="Refresh"/>
<AppBarButton Label="Import" Icon="Import"/>
</CommandBar>
</Grid>
</DataTemplate>
</NavigationView.HeaderTemplate>
<NavigationView.MenuItems>
<NavigationViewItem x:Uid="HomeNavItem" Content="" Tag="home">
<NavigationViewItem.Icon>
<FontIcon Glyph=""/>
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItemSeparator/>
<NavigationViewItem x:Uid="ConnectionNavItem" Icon="world" Content="" Tag="connection"/>
<NavigationViewItem x:Uid="CameraNavItem" Icon="video" Content="" Tag="camera"/>
</NavigationView.MenuItems>
<Frame x:Name="rootFrame" Margin="24">
<Frame.ContentTransitions>
<TransitionCollection>
<NavigationThemeTransition/>
</TransitionCollection> …
Run Code Online (Sandbox Code Playgroud)