MVVMLight介绍以及在项目中的使用

http://www.des8.me/detail-1822826.html

1、MVVM 和 MVVMLight介绍

MVVM是Model-View-ViewModel的简写。相似于目前比较流行的MVC、MVP设计模式，主要目的是为了分离视图（View）和模型（Model）的耦合。

它是一种极度优秀的设计模式，但并不是框架级别的东西，由MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构。

立足于原有MVP框架而且把WPF的新特性糅合进去，以应对PC端开发日益复杂的需求变化。

 

结构如图所示:

 

相对于以前把逻辑结构写在Code Behind 里面的方式，MVVM几乎彻底解耦了视图和逻辑业务的关系，经过数据绑定和命令来处理UI属性

及事件驱动。同理，ViewModel的视图交互业务逻辑处理致使的属性变动也会通知到View前端，让View前端实时更新。Model中存放数据模型和数据逻辑、业务逻辑。

其实我我的认为，数据和业务交互这一层仍是应该另外独立，Model中彻底就是实体模型，这样更清晰。

 

这种类型的双向绑定很是优秀，View的变更，会自动反应到ViewModel上，反之亦然。目前JS前端框架AngularJS也是采用这种设计模式。

 

MVVM模式和MVC模式同样，主要目的是分离视图（View）和模型（Model），有几大优势

1. 低耦合：视图（View）能够独立于Model变化和修改，一个ViewModel能够绑定到不一样的View上，当View变化的时候Model能够不变，当Model变化的时候View也能够不变。

2. 可重用性：能够把一些视图逻辑放在一个ViewModel里面，让不少View重用这段视图逻辑。

3. 独立开发：开发人员能够专一于业务逻辑和数据的开发（ViewModel），设计人员能够专一于页面设计，使用Expression Blend能够很容易设计界面并生成xml代码。

4. 可测试：界面素来是比较难于测试的，而如今测试能够针对ViewModel来写。

 

但愿对MVVM有更进一步了解的同窗能够看看这篇文章： https://www.codeproject.com/kb/wpf/wpfmvvmquickstart.aspx，

做者从MVVM的模式介绍到数据绑定、消息通知、命令等几个主要方面都有详细的说明。

 

若是你目前正在进行微软的 WPF 、Windows Phone、Windows 八、SilverLight相关项目的开发，我先颇有必要了解一下MVVM Light框架。

它轻量（相对于Prism），专一（仅负责MVVM架构模式的实现，没有其余多余的组件），高效（使用简易，省时减力）,可以帮助你更好的开发你的应用。

 

MVVMLight的做者Laurent Bugnion 是个微软MVP，这个是MVVMLight的官网： http://www.mvvmlight.net/，上面有详细的介绍和视频文档，

同时做者还将代码开源到Codeplex上面： http://mvvmlight.codeplex.com/，有兴趣的同窗能够下载来了解下。

 

有趣的是，MVVMLight的产品Logo是一根羽毛，寓意了咱们上面提到的优势：轻量、专业、高效，不知道做者是否是这个意思。

 

 

 

2、如何在你的WPF应用中使用MVMLight

主要使用方式有两种;

一种是去官网上下载MVVMLight Toolkit，安装以后，VS模板中会出现MvvmLight项目模板，你能够直接使用该项目模板来建立项目了。

里面会包含默认的ViewModelLocator和MainViewModel，MainViewModel就是你Main视图的ViewModel了，而ViewModelLocator是一个全局的ViewModel加载注册器，这个第二篇会详细说到。

 

另外一种方式就是去NuGet上安装，这无疑是最便捷的事了。在NuGet 工具箱上搜索 MVVM Light，能够看到两个项目，一个是MVVM Light ， 一个是 MVVM Light libraries only。

当前版本是5.3，说明MVVM Light的更新速度仍是挺快的，Prerelease中还有 V5.4 的 ALAPHA 版本。

 

Nuget上这两个项目的区别就是MVVM Light除了必要的GalaSoft 组件以外，还会额外添加相关分层文件目录造成简单的MVVMLight成型框架。

 

如图它会帮你生成ViewModel文件夹，里面包含MainViewModel和ViewModelLocator文件。

至此，一个基于MVVMLight的WPF项目框架基本搭建完成了，下面一篇咱们详细说下框架的结构。