UWP 2018 新版 NavigationView 尝鲜

 本文参考了官方文档以及提供的示例代码(官方代码貌似有点误导,所以写了这一篇,并且文末有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文件中,添加

关键字:
50000+
5万行代码练就真实本领
17年
创办于2008年老牌培训机构
1000+
合作企业
98%
就业率

联系我们

电话咨询

0532-85025005

扫码添加微信