1. 程式人生 > >C#語法——消息,MVVM的核心技術。

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

沒有 hand 引用 模式 同學 一個 caller 既然 click

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

在C#中消息有兩個指向,一個指向Message,一個指向INotify。這裏主要講INotify。

INotify也有人稱之為[通知],不管叫消息還是通知,都是一個意思,就是傳遞信息。

消息的定義

INotify消息其實是一個接口,接口名叫INotifyPropertyChanged。接口定義如下:

 //向客戶端發出某一屬性值已更改的通知。
 public interface INotifyPropertyChanged
 {
     //在更改屬性值時發生。
     event PropertyChangedEventHandler PropertyChanged;
 }

定義很簡單,我們可以看到這個接口只定義了一個事件屬性——PropertyChanged。所以這個PropertyChanged就是消息的核心了。

那麽學習應用消息的方法就出現了,即,創建一個繼承INotifyPropertyChanged接口的類,然後在類內,實現PropertyChanged就可以了。

消息的應用

上面介紹消息是用來傳遞信息的。那麽可能會有同學好奇,引用類型的對象不就可以封裝傳遞信息嗎?為什麽還要用消息呢?

因為有些數據是存儲在非引用類型的對象中的。比如字符串,或數字等。

為了讓字符串、數字等數據的修改也能如引用類型一樣,可以傳遞回給源,就需要使用消息了。

下面我們來看下消息的基礎用法。

首先,我們使用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#的認知。

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

註:此文章為原創,歡迎轉載,請在文章頁面明顯位置給出此文鏈接!
若您覺得這篇文章還不錯,請點擊下右下角的推薦】,非常感謝!
如果您覺得這篇文章對您有所幫助,那就不妨支付寶小小打賞一下吧。

技術分享圖片

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