C#語法——消息,MVVM的核心技術。

在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。雖然實現方式不同,但道理是同樣的。

C#語法——元組類型

C#語法——泛型的多種應用

C#語法——await與async的正確打開方式

C#語法——委託,架構的血液

C#語法——事件,逐漸邊緣化的大哥。

我對C#的認知。

----------------------------------------------------------------------------------------------------

注:此文章爲原創,任何形式的轉載都請聯繫做者得到受權並註明出處!
若您以爲這篇文章還不錯,請點擊下方的推薦】,很是感謝!

 

相關文章
相關標籤/搜索