本文参考了官方文档以及提供的示例代码(官方代码貌似有点误导,所以写了这一篇,并且文末有GayHub代码地址)
官方文档发布于20180806,说明NavigationView刚发布了没几天,还在开发中,所以里面的接口啥的随时会变! 随时会变! 随时会变! ,用在你的项目之前,请需要做好充足的心理准备。

不过他变任他变,效果还是非常诱人的。看一下效果图

2018 新版 NavigationView实现了汉堡菜单和顶部菜单的近乎完美结合,可以参考官方商店的设计风格,就是用的这个控件。
不过要用这个控件,也不是那么容易的,因为他需要Windows UI Library支持,而这个库不支持VS2015,必须是2017或者更高版本。详见 Getting started with the Windows UI Library
下面就说一下实现的完整步骤吧。
1.安装Microsoft.UI.Xaml
在NuGet中搜索Microsoft.UI.Xaml,需要勾选预发行版本。
然后需要将Microsoft.UI.Xaml添加到应用程序资源。
a. 如果你程序没有其他的程序资源,那么
<Application> <Application.Resources> <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls"/> </Application.Resources></Application>
b. 如果已存在其他的,那么只需要合并一下即可
<Application> <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls"/> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Application.Resources></Application>
2. 添加引用
在xaml文件中,添加
