Mvvm模式和在Wpf中的实现之一Mvvm模式简介

开发 前端
刚开始看了下感觉跟Winform区别不大,控件可以拖进去,选中了控件属性面板可以设置属性、事件面板可以监听事件,后台代码处理事件,一切都那么的熟悉。XAML布局也跟Android布局很像,所以没学习就直接开始了,觉得摸索摸索基本就差不多了吧。

[[377331]]

 0x00 写在前面的废话

之前一直用Winform。刚开始看了下感觉跟Winform区别不大,控件可以拖进去,选中了控件属性面板可以设置属性、事件面板可以监听事件,后台代码处理事件,一切都那么的熟悉。XAML布局也跟Android布局很像,所以没学习就直接开始了,觉得摸索摸索基本就差不多了吧。

结果各种不适应,拖控件拖进去后总是调整不好显示方式,控件在后台代码中操作找不到方法,对于WPF介绍的各种特点也毫无体会,总想着换回去。后来看了刘铁猛的《深入浅出WPF》,里面说WPF就要用WPF的方式来开发。这才认真开始学WPF。现在控件面板和属性面板都已经用的很少了,界面布局基本全部用代码搞定,感觉任何一个细节都能控制到。再后来接触到了MVVM,更加体会到了以MVVM模式开发WPF带来的好处。

现在除非要求已经不再用Winform了,小工具和测试程序直接在后台写代码,复杂一点的需要长期使用和维护的用MVVM模式。这个系列的文章主要写一下自己对MVVM的理解和核心部分的简易实现方式。

0x01 MVVM模式简介

MVVM是Model、View、ViewModel的简写,这种模式的引入就是使用ViewModel来降低View和Model的耦合,说是降低View和Model的耦合。也可以说是是降低界面和逻辑的耦合,理想情况下界面和逻辑是完全分离的,单方面更改界面时不需要对逻辑代码改动,同样的逻辑代码更改时也不需要更改界面。同一个ViewModel可以使用完全不用的View进行展示,同一个View也可以使用不同的ViewModel以提供不同的操作。

1.Model

Model就是一个class,是对现实中事物的抽象,开发过程中涉及到的事物都可以抽象为Model,例如客户,客户的姓名、编号、电话、住址等属性也对应了class中的Property,客户的下订单、付款等行为对应了class中的方法。

2. View

View很好理解,就是界面。

3. ViewModel

上面说过Model抽象,那么ViewModel就是对View的抽象。显示的数据对应着ViewMode中的Property,执行的命令对应着ViewModel中的Command。

0x02 WPF中MVVM的解耦方式

在WPF的MVVM模式中,View和ViewModel之间数据和命令的关联都是通过绑定实现的,绑定后View和ViewModel并不产生直接的依赖。具体就是View中出现数据变化时会尝试修改绑定的目标。同样View执行命令时也会去寻找绑定的Command并执行。

反过来,ViewModel在Property发生改变时会发个通知说“名字叫XXX的Property改变了,你们这些View中谁绑定了XXX也要跟着变啊!”,至于有没有View收到是不是做出变化也不关心。ViewModel中的Command脱离View就更简单了,因为Command在执行操作过程中操作数据时,根本不需要操作View中的数据,只需要操作ViewModel中的Property就可以了,Property的变化通过绑定就可以反映到View上。这样在测试Command时也不需要View的参与。这也是我在接触WPF初期时根本理解不了的所谓数据驱动。

这样一来ViewMode可以在完全没有View的情况下测试,View也可以在完全没有ViewModel的情况下测试(当然只是测试界面布局和动画等业务无关的内容)。

0x3 MVVM框架需要解决的问题

从图中可以看出如果要实现一套MVVM框架,需要解决的最基本的问题就是数据绑定和命令绑定。此外由于UI中会产生大量的事件,因此还需要将事件绑定到MVVM中的命令上。后面的文章将依次尝试解决这些问题。最后还是要说一下任何设计模式都是参考,都有使用场景,切忌生搬硬套。实际开发中应根据项目特点采取适配性更强的模式。

本文转载自微信公众号「CSharp编程大全」,可以通过以下二维码关注。转载本文请联系CSharp编程大全公众号。

 

责任编辑:武晓燕 来源: CSharp编程大全
相关推荐

2012-04-05 11:35:07

.NET

2009-07-24 13:54:39

MVVM模式

2012-05-28 10:34:50

MVVM 数据绑定

2013-07-31 13:13:50

Windows PhoMVVM模式

2017-07-17 15:19:10

MVVM模式iOS开发MVP

2009-12-24 14:30:19

WPF MVVM

2024-04-19 08:38:36

WPFMVVM设计模式

2009-12-21 09:22:51

SilverlightMVVM模式

2023-11-19 18:53:27

Vue2MVVM

2016-03-30 09:34:27

2017-03-31 20:45:41

MVCMVPMVVM

2012-05-19 22:24:34

MVVM

2023-10-20 13:21:55

软件设计模式架构

2010-06-04 10:14:14

MySQL匹配模式

2011-07-25 17:51:10

windows安全模式

2024-03-26 08:33:48

工具软件WPFUI库WPF应用

2017-04-01 08:30:00

MVCMVPMVVM

2017-03-02 11:10:39

AndroidMVVM应用程序

2015-01-27 15:25:53

MVVM

2015-05-05 10:32:15

iOS-MVVM框架
点赞
收藏

51CTO技术栈公众号