WPF中使用MVVM创建一个简单的框架

MVVM模式

一、MVVM模式概述

MVVM Pattern : Model\View\ViewModel

View：视图、UI界面

ViewModel：ViewModel是对Model的封装，通过一系列属性暴露Model的状态，提供给View进行显示

Model：数据模型

使用MVVM模式可以将代码逻辑和UI进行分离，因此开发团队可以关注创建健壮的ViewModel类，而设计团队可以关注设计界面友好的View。要融合两个团队输出只需要在View的xaml上进行正确的绑定即可。

二、演示程序

下面通过一个Demo演示WPF中如何使用MVVM模式：使用WPF中的data template、commands、data binding、resource结合MVVM模式，创建一个简单、可测试、健壮的框架。

演示程序结构图如下：

1、演示程序 Demo界面如图所示：

工作区用于显示视图

命令区分两部分，上部分为显示单视图命令，下部分为显示多视图命令