初识Modern UI for WPF

最近在查看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相关推荐

学习Modern UI for WPF
这两天断断续续的学了学Modern UI for WPF 没啥学习笔记呵呵,来自大牛王春明的博客园 http://www.cnblogs.com/wangchunming/category/34288 ...
Modern UI for WPF 开源项目（5）：定义logo
一个ModernWindow的菜单栏包含了一个自定义的窗体logo区域. 一个窗体Logo通过特定的ModernWindow.LogoData属性来设置.这个属性是一个几何学类型,支持Path.Dat ...
基于 WPF + Modern UI 的公司OA小助手开发总结
前言: 距离上一篇博客,整整一个月的时间了.人不能懒下来,必须有个阶段性的总结,算是对我这个阶段的一个反思.人只有在总结的过程中才会发现自己的不足. 公司每天都要在OA系统上上班点击签到,下班点击签退 ...
NSIS 的 Modern UI 教程（二）
NSIS 的 Modern UI 教程(二) [ 2008-02-24 20:22:20 | 作者: 陈敏毅 ] http://chenmy.hanzify.org/article.asp?id=51 ...
NSIS 的 Modern UI 教程（一）
NSIS 的 Modern UI 教程(一) [ 2008-02-24 20:22:19 | 作者: 陈敏毅 ] http://chenmy.hanzify.org/article.asp?id=50 ...
使用SPFx一行代码实现Office 365文档库Modern UI中批量签出文档
Office 365中的文档库在经典UI (Classic UI)中是可以批量签出文档的: 但是当切换到现代UI(Modern UI)的时候,却无法批量签出文档了,当选择多个文档时,在顶部命令栏和下拉 ...
界面组件Telerik UI for WPF全新的Windows 11主题，一起来探索
Telerik UI for WPF最新版添加了全新的Windows 11主题,来探索对Windows 11视觉上的演变.其中内置浅色.深色的变化.基于默认操作系统应用程序模式的切换变化.使用操作系统 ...
android扁平化按钮素材,扁平化APP图标素材库-Modern UI Icons
modernuiicons网站的图标可以说是扁平化的完美像素图标,风格为现代用户界面风格.每个图标是精心设计的,都是思想传递表达的载体.现在modernuiicons上所有图标托管在GitHub上,让 ...
WPF界面控件Telerik UI for WPF初级入门教程 - 入门指南
本文主要介绍如何在项目中获取Telerik UI for WPF控件,并开始快速使用它们.启动并运行第一个简单控件后,请查看后续步骤部分,开始更详细地探索控件功能. 点击获取工具下载使用Teleri ...
WPF界面控件Telerik UI for WPF新手入门教程 - 如何添加telerik控件
本教程将介绍执行哪些步骤才能在应用程序中添加Telerik UI for WPF控件. 有两种方法可以做到这一点 - 第一种是为 VisualStudio 安装 Progress Telerik WP ...

初识Modern UI for WPF

初识Modern UI for WPF相关推荐

最新文章

热门文章