初识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。
暂时先写到这里,慢慢再补充其他内容。
这是一个普通开发人员读书笔记,若有什么不恰当之处,感谢指出。
大致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 开源项目(3):用模板创建我的第一个Modern UI app
- 基于modern ui for wpf的在线公开课平台 之五 使用ListBox实现图片列表效果
- Modern UI for WPF 开源项目(1):开篇
- 基于modern ui for wpf的在线公开课平台 之一(说在前面)
- Modern UI for WPF 开源项目(4):使用预定义的页面布局
- 基于modern ui for wpf的在线公开课平台 之二 创建我的modern ui程序
- Modern UI for WPF笔记 创建空白窗口
- Modern UI for WPF 开源项目(5):定义logo
- 十分好看的Modern UI for WPF的移植(一)获取源码&运行demo
- Modern UI for WPF 初接触
- 使用Modern UI for WPF的导航功能
- Modern UI for WPF的使用
- Modern UI for WPF 开源项目(2):我的第一个Modern UI App
- 基于modern ui for wpf的在线公开课平台 之三 使用grid布局
- 基于modern ui for wpf的在线公开课平台 之四 ListBox+WrapPanel实现平铺效果
- WPF入门:用 Modern UI + Metro Chart 打造漂亮的图表(1)
- (转)基于 WPF + Modern UI 的 公司OA小助手 开发总结
- 基于 WPF + Modern UI 的 公司OA小助手 开发总结
- 【Telerik UI for ASP.NET教程】如何在WPF应用程序中获得流畅的设计主题
- WPF Modern UI 主题更换原理