在C#中消息有兩個指向,一個指向Message,一個指向INotify。這裏主要講INotify。html
INotify也有人稱之爲[通知],無論叫消息仍是通知,都是一個意思,就是傳遞信息。前端
消息的定義架構
INotify消息實際上是一個接口,接口名叫INotifyPropertyChanged。接口定義以下:async
//向客戶端發出某一屬性值已更改的通知。 public interface INotifyPropertyChanged { //在更改屬性值時發生。 event PropertyChangedEventHandler PropertyChanged; }
定義很簡單,咱們能夠看到這個接口只定義了一個事件屬性——PropertyChanged。因此這個PropertyChanged就是消息的核心了。學習
那麼學習應用消息的方法就出現了,即,建立一個繼承INotifyPropertyChanged接口的類,而後在類內,實現PropertyChanged就能夠了。優化
消息的應用this
上面介紹消息是用來傳遞信息的。那麼可能會有同窗好奇,引用類型的對象不就能夠封裝傳遞信息嗎?爲何還要用消息呢?spa
由於有些數據是存儲在非引用類型的對象中的。好比字符串,或數字等。雙向綁定
爲了讓字符串、數字等數據的修改也能如引用類型同樣,能夠傳遞迴給源,就須要使用消息了。xml
下面咱們來看下消息的基礎用法。
首先,咱們使用WPF建立一個項目,而後建立一個頁面,起名爲WindowNotify,編輯內容以下:
<Window x:Class="WpfApplication.WindowNotify" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="WindowNotify" Height="120" Width="200"> <Grid> <StackPanel> <TextBox Name="txtName" VerticalAlignment="Top" Height="24" ></TextBox> <TextBox Name="txtNameNotify" VerticalAlignment="Top" Height="24" ></TextBox> <Button Click="Button_Click" Height="30" Content="查看結果"></Button> </StackPanel> </Grid> </Window>
接下來,編輯Xaml對於的cs文件,內容以下:
public partial class WindowNotify : Window { private string _KName = "Kiba518"; public string KName { get { return _KName; } set { _KName = value; } } WindowNotifyViewModel vm; public WindowNotify() { InitializeComponent(); vm = new WindowNotifyViewModel(); Binding bding = new Binding(); bding.Path = new PropertyPath("KName"); bding.Mode = BindingMode.TwoWay; bding.Source = vm; txtNameNotify.SetBinding(TextBox.TextProperty, bding); txtName.Text = KName; txtNameNotify.Text = vm.KName; } private void Button_Click(object sender, RoutedEventArgs e) { MessageBox.Show("[txtName:" + KName + "] | [txtNameNotify:" + vm.KName + "]"); } } public class WindowNotifyViewModel : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; private string _KName = "Kiba518Notify"; public string KName { get { return _KName; } set { _KName = value; if (this.PropertyChanged != null) { this.PropertyChanged(this, new PropertyChangedEventArgs("KName")); } } } }
這裏咱們建立了一個ViewModel——WindowNotifyViewModel,咱們讓這個VM繼承INotifyPropertyChanged,而後定義了一個KName屬性,並定義了PropertyChanged事件觸發的位置。
有同窗可能會好奇,PropertyChanged事件是什麼時候被賦值的呢?別心急,請耐心往下看。
ViewModel定義完成以後,咱們再看Xaml對應的cs文件。這裏咱們也定義了一個KName屬性。而後初始化時,將cs文件的KName和VM的KName分別賦值給前臺定義的兩個TextBox控件。
這裏用vm的KName屬性賦值時,稍微有點特別,稍後再介紹。
而後咱們運行頁面,並修改兩個文本框內的值。再點擊查看結果按鈕。獲得界面以下:
能夠從圖中看到,界面修改了TextBox的Text屬性,WindowNotifyViewModel的KName屬性對修改的值進行了同步,而WindowNotify的KName沒有同步。
看完結果,咱們回過來看下VM的KName的奇怪賦值方式。咱們先看第一句:
Binding bding = new Binding();
這裏的Binding是綁定的意思,這行代碼很明顯是用來定義一個綁定。
綁定是個很差理解的詞,咱們該如何理解呢?
很簡單,咱們能夠將綁定理解爲套索,既然是套索,那麼就該有兩個屬性,一個是套頭,一個是套尾。
那麼聲明瞭套索以後,咱們便須要爲套索的索尾賦值了,即數據源的這一方。
代碼裏,咱們經過Binding的Path和Source設置了索尾的數據源和數據源綁定的屬性。以後咱們還設置了綁定模式是雙向綁定,即雙方修改都會進行數據傳遞。
設置好了套索後,咱們在讓TextBox控件本身轉進套頭裏,並設置了TextBox控件綁定的屬性。代碼以下:
txtNameNotify.SetBinding(TextBox.TextProperty, bding);
在咱們TextBox控件本身轉進套頭裏的時候,會對數據源的PropertyChanged進行賦值,這樣咱們就實現了字符串數據的傳輸。
固然,這樣賦值看起來比較笨拙。那麼有更簡便的方法嗎。
答案固然是:有。
MVVM的基礎應用
上面的代碼已經實現了ViewModel,那麼只要在這個基礎上進行優化,便可實現最簡單的MVVM的應用。
優化Xaml代碼以下:
<StackPanel> <TextBox Name="txtNameNotify" Text="{Binding KName}" VerticalAlignment="Top" Height="24" ></TextBox> <Button Click="Button_Click" Height="30" Content="查看結果"></Button> </StackPanel>
優化Xaml.cs代碼以下:
public partial class WindowNotify : Window { public WindowNotify() { InitializeComponent(); this.DataContext = new WindowNotifyViewModel(); } private void Button_Click(object sender, RoutedEventArgs e) { var vm = this.DataContext as WindowNotifyViewModel; MessageBox.Show("[txtNameNotify:" + vm.KName + "]"); } } public class WindowNotifyViewModel : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; private string _KName = "Kiba518"; public string KName { get { return _KName; } set { _KName = value; if (this.PropertyChanged != null) { this.PropertyChanged(this, new PropertyChangedEventArgs("KName")); } } } }
從上面的代碼中,咱們能夠看到在Xaml文件中,Text屬性可使用{Binding KName}這種簡寫的模式,來實現剛纔那個複雜的binding賦值。
而在Xaml.cs文件中,咱們將VeiwMode賦值給了DataContext這個數據上下文,而後,咱們就看到了,前臺直接使用了VM裏的屬性。
這樣簡單的MVVM就實現了。
簡潔的ViewModel
在上面咱們看到了ViewModel的建立和使用,但ViewMode中每一個屬性都要設置成如此複雜的形態,稍微有點難受。
那麼,咱們來用CallerMemberName繼續簡化這個ViewModel。
優化後的代碼以下:
public class WindowNotifyViewModel : BaseViewModel { private string _KName = "Kiba518"; public string KName { get { return _KName; } set { _KName = value; OnPropertyChanged(); } } } public class BaseViewModel : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; protected void OnPropertyChanged([CallerMemberName]string propertyName = "") { if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); } } }
如上所示,咱們定義了一個BaseViewModel,並在BaseViewModel裏面定義方法OnPropertyChanged,並在裏面實現事件PropertyChanged的觸發定義。
最後咱們經過CallerMemberName特性,在方法OnPropertyChanged裏來獲取觸發該方法的屬性的名稱。
而後咱們就實現了,比較簡潔的ViewModel。
PS:CallerMemberName的用法就好像param參數同樣,只要如上所示,寫進去便可。
結語
到此,消息的應用就講完了。消息毫無疑問是MVVM的技術核心。學會消息才能更好的理解MVVM。
而且學會消息,還能幫助咱們更好的理解如今流行的前端JS的MVVM。雖然實現方式不同,但道理是同樣的。
----------------------------------------------------------------------------------------------------
注:此文章爲原創,任何形式的轉載都請聯繫做者得到受權並註明出處!
若您以爲這篇文章還不錯,請點擊下方的【推薦】,很是感謝!