初识Modern UI for WPF

        最近在查看WPF的相关资料,发现一个比较喜欢的框架:Modern UI for WPF。Windows风格,MVVM框架,导航栏等功能。本人也是第一次接触,在这里将研究中的心得体会写下,供需要的朋友参考。

        大致UI是这样,颜色和背景可以在“设置”中自行调整,如下图所示。

初识Modern UI for WPF_第1张图片

        使用该框架的方式有两种:

        在codeplex下载源码

        下载文件后解压出来的文件及文件夹如下图所示。

初识Modern UI for WPF_第2张图片


        这里主要关注FirstFloor.ModernUI和FirstFloor.ModernUI.App两个文件夹。其中FirstFloor.ModernUI是所需要用到的库,FirstFloor.ModernUI.App是这个库使用的Demo。将FirstFloor.ModernUI引用到项目中,参考Demo就可以使用Modern UI for WPF了。

        Visual Studio中安装模板

        在“工具”——“扩展与更新”——“联机”中搜索“Modern”,安装搜索到的第一个Modern UI for WPF Templates,如下图所示。

初识Modern UI for WPF_第3张图片

        安装后,新建项目——“模板”——“Visual C#”——"Windows"——“Modern UI WPF .....”,如下图所示。

初识Modern UI for WPF_第4张图片

        Modern UI WPF Navigation Application是带导航栏的,而另外一种不带。

        以上两种方式都可以使用Modern UI for WPF,但本人更倾向于使用第一种,毕竟后者只是单纯的使用,并不会有更深层此的接入。


        创建项目后,代码分为Assets、Content、Pages三层,如下图所示。

初识Modern UI for WPF_第5张图片

        Assets:主要存放系统UI效果切换所需要用到的各项资源,如图主题、背景等

        Pages:如其名,存放的是各个导航页面,我理解的是整个导航模块的所有页面都放在这里,或者说这里存放的是索引。

        Content:存放的是每个页面具体的内容,所以我在这里做MVVM的分层。MVVM属性绑定参考设置页面,事件绑定使用RelayCommand。



        暂时先写到这里,慢慢再补充其他内容。

         这是一个普通开发人员读书笔记,若有什么不恰当之处,感谢指出。





你可能感兴趣的:(Modern,UI,for,WPF,wpf,ui,Modern,UI,for,WPF)