您的位置:首页 > 产品设计 > UI/UE

初识Modern UI for WPF

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

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



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

        codeplex下载源码

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



        这里主要关注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,如下图所示。



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



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

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

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



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

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

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

 
      暂时先写到这里,慢慢再补充其他内容。
  
      这是一个普通开发人员读书笔记,若有什么不恰当之处,感谢指出。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Modern UI for WPF wpf ui