1. 程式人生 > 程式設計 >WPF引用MVVM框架與使用方法

WPF引用MVVM框架與使用方法

1.NuGet引用MVVM框架包

WPF引用MVVM框架與使用方法

引入該框架包之後,預設會在目錄下建立ViewModel層的示例程式碼

WPF引用MVVM框架與使用方法

2.第二步,通過在MainViewModel中建立一些業務程式碼,將其與MainWindow.xaml 通過上下文的方式關聯起來,而MainWindow則是通過Binding的寫法 引用業務邏輯的部分。

在MainViewModel中,新增同一個班級名稱,與學生列表,分別用於顯示在文字 和列表上展示,Command則用於繫結DataGrid的雙擊命令上,通過雙擊,展示點http://www.cppcns.com擊行的學生資訊:

WPF引用MVVM框架與使用方法

MainViewModel 繼承了 ViewModelBase,該繼承的父類實在MVVM框架中,實現雙向通知的基類,通過引用該類,那麼其之類的屬性則可通過 新增 RaisePropertyChanged() 即可。

- 為MainViewModel新增一些模擬資料

WPF引用MVVM框架與使用方法

- 設計UI層,新增一個文字用於顯示班級名稱,新增一個DataGrid 用於展示學生列表,同時DataGrid中新增一個繫結的命令(紅色區域)

WPF引用MVVM框架與使用方法

關於上面紅色圈的程式碼,為一種繫結語法,主要在MouseBinding中,MouseAction 以為觸發的事件型別,CommandParameter 則是命令傳遞的引數,也就是DataGrid選中的一行的型別 Studewww.cppcns.comnt。

Command 則是MainVihttp://www.cppcns.comewModel中定義的Command

- 現在,前端的繫結工作已經設定好,後臺的程式碼也新增完成,目前只需要將MainViewModel 與MainWindow 通過MainWindow的DataContext關聯即可

WPF引用MVVM框架與使用方法

執行效果如下:

WPF引用MVVM框架與使用方法

RaisePropertyChanged() 實現動態通知更新

+ 通過set訪問器更新ClassName的同時,呼叫RaisePropertyChanged 方法,介面重新整理更新後的值

WPF引用MVVM框架與使用方法

+ 新增一個無引數的UpdateCommand,並設定為 UpdateText 手動把ClassName更新為 "高三三班":

WPF引用MVVM框架與使用方法

+ UI層新增一個簡單按鈕,繫結後臺的UpdateCommand命令

WPF引用MVVM框架與使用方法

執行測試效果:

WPF引用MVVM框架與使用方法

本章測試程式碼下載

到此這篇關於WPF引用MVVM框架與使用方法的文章就介紹到這http://www.cppcns.com了。希望對大家的學習有所幫助,也希望大家多多支援我們。