一張圖搞懂什么是MVVM

什么是 MVVM：它是一個(gè) MVC 的增強(qiáng)版，正式連接了視圖和控制器，并將表示邏輯從 Controller 移出放到一個(gè)新的對(duì)象里，即 View Model。MVVM 聽(tīng)起來(lái)很復(fù)雜，但它本質(zhì)上就是一個(gè)精心優(yōu)化的 MVC 架構(gòu)。（@譯者朱宏旭語(yǔ)）

MVVM是Model-View-ViewModel的縮寫(xiě)形式，通常被用于WPF或Silverlight開(kāi)發(fā)。

采用雙向綁定（data-binding）模式：View的變動(dòng)，自動(dòng)反映在 ViewModel，反之亦然。View和Model之間不發(fā)生通信。Angular 和 Ember 都采用這種模式。

這篇文章講得非常清晰，墻裂推薦

MVVM設(shè)計(jì)模式的優(yōu)勢(shì)是什么？

• 視圖的cs文件包含極少的代碼，其核心邏輯都被放在View Model類中，從而使得程序邏輯與視圖耦合度降低
• ViewModel類作為View的DataContext
• 在MVVM下，所有的事件和動(dòng)作都被當(dāng)成命令，如按鈕的點(diǎn)擊操作，此時(shí)不是觸發(fā)點(diǎn)擊事件，而是綁定到一個(gè)點(diǎn)擊命令，再由命令去執(zhí)行對(duì)應(yīng)的邏輯

MVVM庫(kù)

DevExpress WPF專門(mén)提供了一個(gè)可以構(gòu)建完整MVVM應(yīng)用程序的庫(kù)。DevExpress MVVM庫(kù)的優(yōu)勢(shì)就是它既可以獨(dú)立使用，也可以和第三方MVVM庫(kù)結(jié)合使用。

• 運(yùn)用POCO(Plain Old CLR Objects)獲取清晰的沒(méi)有重復(fù)的ViewModel代碼。POCO機(jī)制自動(dòng)生成可綁定的屬性、命令等等
• EventToCommand包括轉(zhuǎn)換時(shí)間參數(shù)，通過(guò)Dispatcher調(diào)用綁定命令以及處理相關(guān)事件。
• View Model中的高級(jí)視圖控件可以預(yù)定義Services或者自定義Services。
• Messenger 降低了構(gòu)建松散耦合應(yīng)用程序架構(gòu)的難度。
• 構(gòu)建任何視覺(jué)組件缺失的功能，并將它運(yùn)用于任何需要的地方。
• 輕松應(yīng)對(duì)大多數(shù)你可能會(huì)遇到的數(shù)值轉(zhuǎn)換場(chǎng)景。

傳統(tǒng)型和擴(kuò)展型MVVM API

• Traditional API：所有data-aware控件提供可以綁定ViewModels項(xiàng)目源的屬性，指定選中項(xiàng)和數(shù)據(jù)模板。所有
  list-bound控件 （Data Grid, Tree List, Navigation Bar等等）均支持ICollectionView接口.
• Extended API：DevExpress WPF控件提供可擴(kuò)展屬性，添加其他MVVM樣式。比如，你可以在一個(gè)Data Grid中加入colunmn和summary，Bar Manager中加入bar collection，Layout Control中加入item collection等等。

MVVM向?qū)?/span>

跟隨向?qū)Э梢暂p松構(gòu)建MVVM應(yīng)用程序。所有向?qū)Ф伎梢栽贒evExpress Template Gallery中找到。

關(guān)于MVVM向?qū)У母嘟榻B可以觀看這個(gè)視頻：MVVM Scaffolding Overview.

設(shè)計(jì)時(shí)擴(kuò)展

Smart Tags for DevExpress WPF controls：可以設(shè)置和綁定大部分MVVM-aware屬性(ItemsSource, SelectedItem, Command, CommandParameter, etc.)。在設(shè)計(jì)時(shí)，還可以幫助修改控件的布局（比如 Grid Control 新增一個(gè)column）。屬性也可以通過(guò)專門(mén)的Binding editor進(jìn)行綁定。

Smart Tags for standard WPF controls (available for Visual Studio 2012): 可以通過(guò)一個(gè)特定的Binding對(duì)話框set/bind常用屬性（比如設(shè)置一個(gè)窗口的DataContext，或者將控件的屬性與一個(gè)對(duì)象綁定）。

Instant Layout Assistant: 有這個(gè)工具在，在Views中創(chuàng)建高級(jí)布局變得前所未有的輕松！

從這里開(kāi)始DevExpress WPF之旅

立即下載	示例Demo	視頻資源	入門(mén)指南

有任何疑問(wèn)請(qǐng)電話詳詢 023-66090381 或