MVVM介绍

一、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中存放数据模型和数据逻辑、业务逻辑。 这种类型的双向绑定非常优秀，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来写。
二、如何在你的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成型框架。

三、例子：写一个Model，代码如下：
很简单，仅仅是包含一个实体对象，这边注意的的是那他继承了一个父类：ObservableObject，这个
父类的作用就是保证能够检测属性是否被改变。
它实现了INotifyPropertyChanged接口，通过触发PropertyChanged事件达到通知UI更改的目的；
所以我们在定义实体对象的时候，只需要调用RaisePropertyChanged(PropertyName)就可以进行属
性更改通知了。
所以实体里面定义的每个属性都加上RaisePropertyChanged(PropertyName)的调用，就可以实现对
UI的交互更新了。
2、写一个VideModel，来负责跟View的交互。
using GalaSoft.MvvmLight;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace MVVMLightDemo.Model
{
public class WelcomeModel : ObservableObject
{
private String introduction;
///
/// 欢迎词
///
public String Introduction
{
get { return introduction; }
set { introduction = value;
RaisePropertyChanged(()=>Introduction); }
}
}
}
using GalaSoft.MvvmLight;
using MVVMLightDemo.Model;
using System;

也很简单，包含了一个命名为Welcome的WelcomeModel属性，继承了ViewBaseModel父类，
ViewBaseModel同时继承 ObservableObject类和ICleanup接口。所以他同样有
INotifyPropertyChanged接口的能力，
能够通过触发PropertyChanged事件达到通知View的目的；
构造函数中对 Welcome 属性进行了实例化。
3、写一个View，来显示和交互ViewModel。
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace MVVMLightDemo.ViewModel
{
public class WelcomeViewModel:ViewModelBase
{
///
/// 构造函数
///
public WelcomeViewModel()
{
Welcome = new WelcomeModel() { Introduction = “Hello
World！” };
}
#region 属性
private WelcomeModel welcome;
///
/// 欢迎词属性
///
public WelcomeModel Welcome
{
get { return welcome; }
set { welcome = value; RaisePropertyChanged(()=>Welcome); }
}
#endregion
}
}
<Window x:Class=“MVVMLightDemo.View.WelcomeView”

TextBlock 绑定了 Welcome.Introduction，所以应该显示Welcome对象下的Introduction属性。
这时候的ViewModel和View是没有任何关系的，所以我们在code-Behind的构造函数中写上如下代
码：
把 WelcomeViewModel 赋值给当前视图的数据上下文。所以可以在当前视图中使用ViewModel中所
有的公开属性和命令。