[UWP开发]NavigationView基础使用方法

最新推荐文章于 2025-09-07 11:19:08 发布

原创

最新推荐文章于 2025-09-07 11:19:08 发布 · 8.2k 阅读

9 ·

CC 4.0 BY-SA版权

本文介绍了UWP开发中NavigationView的基础使用方法，包括NavigationViewItem、NavigationViewItemSeparator和NavigationViewItemHeader的使用，以及如何设置AutoSuggestBox、IsSettingsVisible和PaneFooter。通过示例代码展示了如何定义导航栏项、处理ItemInvoked事件和自定义Header样式。

[UWP开发]NavigationView基础使用方法

NavigationView是秋季创意者更新（16299）引入的新控件，用于生成Windows特色的导航栏。
可参考说明文档（目前只有英文）
给了一段示例代码，和运行截图，贴在下面：

<NavigationView x:Name="nvAll" IsSettingsVisible="true" IsTabStop="False" Header="This is header text." ItemInvoked="nvAll_ItemInvoked">
    <NavigationView.MenuItems>
        <NavigationViewItemHeader Content="Main"/>
        <NavigationViewItem Icon="Play"  Content="Menu Item1" Tag="SamplePage1" ToolTipService.ToolTip="1"/>
        <NavigationViewItemSeparator/>
        <NavigationViewItem Icon="Save" Content="Menu Item2" Tag="SamplePage2" />
        <NavigationViewItem Icon="Refresh" Content="Menu Item3" Tag="SamplePage3" />
    </NavigationView.MenuItems>
    <NavigationView.AutoSuggestBox>
        <AutoSuggestBox x:Name="ASB" PlaceholderText="Search" QueryIcon="Find" TextChanged="AutoSuggestBox_TextChanged" QuerySubmitted="AutoSuggestBox_QuerySubmitted" SuggestionChosen="AutoSuggestBox_SuggestionChosen"/>
    </NavigationView.AutoSuggestBox>
    <NavigationView.PaneFooter>
        <HyperlinkButton x:Name="MoreInfoBtn" Content="More" Click="More_Click" Margin="12,0"/>
    </NavigationView.PaneFooter>
    <Frame x:Name="contentFrame">
    </Frame>
</NavigationView>