[[377331]]

 0x00 寫(xiě)在前面的廢話

之前一直用Winform。剛開(kāi)始看了下感覺(jué)跟Winform區(qū)別不大，控件可以拖進(jìn)去，選中了控件屬性面板可以設(shè)置屬性、事件面板可以監(jiān)聽(tīng)事件，后臺(tái)代碼處理事件，一切都那么的熟悉。XAML布局也跟Android布局很像，所以沒(méi)學(xué)習(xí)就直接開(kāi)始了，覺(jué)得摸索摸索基本就差不多了吧。

結(jié)果各種不適應(yīng)，拖控件拖進(jìn)去后總是調(diào)整不好顯示方式，控件在后臺(tái)代碼中操作找不到方法，對(duì)于WPF介紹的各種特點(diǎn)也毫無(wú)體會(huì)，總想著換回去。后來(lái)看了劉鐵猛的《深入淺出WPF》，里面說(shuō)WPF就要用WPF的方式來(lái)開(kāi)發(fā)。這才認(rèn)真開(kāi)始學(xué)WPF?，F(xiàn)在控件面板和屬性面板都已經(jīng)用的很少了，界面布局基本全部用代碼搞定，感覺(jué)任何一個(gè)細(xì)節(jié)都能控制到。再后來(lái)接觸到了MVVM，更加體會(huì)到了以MVVM模式開(kāi)發(fā)WPF帶來(lái)的好處。

現(xiàn)在除非要求已經(jīng)不再用Winform了，小工具和測(cè)試程序直接在后臺(tái)寫(xiě)代碼，復(fù)雜一點(diǎn)的需要長(zhǎng)期使用和維護(hù)的用MVVM模式。這個(gè)系列的文章主要寫(xiě)一下自己對(duì)MVVM的理解和核心部分的簡(jiǎn)易實(shí)現(xiàn)方式。

0x01 MVVM模式簡(jiǎn)介

MVVM是Model、View、ViewModel的簡(jiǎn)寫(xiě)，這種模式的引入就是使用ViewModel來(lái)降低View和Model的耦合，說(shuō)是降低View和Model的耦合。也可以說(shuō)是是降低界面和邏輯的耦合，理想情況下界面和邏輯是完全分離的，單方面更改界面時(shí)不需要對(duì)邏輯代碼改動(dòng)，同樣的邏輯代碼更改時(shí)也不需要更改界面。同一個(gè)ViewModel可以使用完全不用的View進(jìn)行展示，同一個(gè)View也可以使用不同的ViewModel以提供不同的操作。

1.Model

Model就是一個(gè)class，是對(duì)現(xiàn)實(shí)中事物的抽象，開(kāi)發(fā)過(guò)程中涉及到的事物都可以抽象為Model，例如客戶，客戶的姓名、編號(hào)、電話、住址等屬性也對(duì)應(yīng)了class中的Property，客戶的下訂單、付款等行為對(duì)應(yīng)了class中的方法。

2. View

View很好理解，就是界面。

3. ViewModel

上面說(shuō)過(guò)Model抽象，那么ViewModel就是對(duì)View的抽象。顯示的數(shù)據(jù)對(duì)應(yīng)著ViewMode中的Property，執(zhí)行的命令對(duì)應(yīng)著ViewModel中的Command。

0x02 WPF中MVVM的解耦方式

在WPF的MVVM模式中，View和ViewModel之間數(shù)據(jù)和命令的關(guān)聯(lián)都是通過(guò)綁定實(shí)現(xiàn)的，綁定后View和ViewModel并不產(chǎn)生直接的依賴。具體就是View中出現(xiàn)數(shù)據(jù)變化時(shí)會(huì)嘗試修改綁定的目標(biāo)。同樣View執(zhí)行命令時(shí)也會(huì)去尋找綁定的Command并執(zhí)行。

反過(guò)來(lái)，ViewModel在Property發(fā)生改變時(shí)會(huì)發(fā)個(gè)通知說(shuō)“名字叫XXX的Property改變了，你們這些View中誰(shuí)綁定了XXX也要跟著變啊!”，至于有沒(méi)有View收到是不是做出變化也不關(guān)心。ViewModel中的Command脫離View就更簡(jiǎn)單了，因?yàn)镃ommand在執(zhí)行操作過(guò)程中操作數(shù)據(jù)時(shí)，根本不需要操作View中的數(shù)據(jù)，只需要操作ViewModel中的Property就可以了，Property的變化通過(guò)綁定就可以反映到View上。這樣在測(cè)試Command時(shí)也不需要View的參與。這也是我在接觸WPF初期時(shí)根本理解不了的所謂數(shù)據(jù)驅(qū)動(dòng)。

這樣一來(lái)ViewMode可以在完全沒(méi)有View的情況下測(cè)試，View也可以在完全沒(méi)有ViewModel的情況下測(cè)試(當(dāng)然只是測(cè)試界面布局和動(dòng)畫(huà)等業(yè)務(wù)無(wú)關(guān)的內(nèi)容)。

0x3 MVVM框架需要解決的問(wèn)題

從圖中可以看出如果要實(shí)現(xiàn)一套MVVM框架，需要解決的最基本的問(wèn)題就是數(shù)據(jù)綁定和命令綁定。此外由于UI中會(huì)產(chǎn)生大量的事件，因此還需要將事件綁定到MVVM中的命令上。后面的文章將依次嘗試解決這些問(wèn)題。最后還是要說(shuō)一下任何設(shè)計(jì)模式都是參考，都有使用場(chǎng)景，切忌生搬硬套。實(shí)際開(kāi)發(fā)中應(yīng)根據(jù)項(xiàng)目特點(diǎn)采取適配性更強(qiáng)的模式。

本文轉(zhuǎn)載自微信公眾號(hào)「CSharp編程大全」，可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系CSharp編程大全公眾號(hào)。