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

最新推荐文章于 2024-12-01 23:49:59 发布

duan_hy

最新推荐文章于 2024-12-01 23:49:59 发布

阅读量8.2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Windows应用商店

本文链接：https://blog.youkuaiyun.com/xiahn1a/article/details/78935260

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[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>

最低0.47元/天解锁文章