本文為原創文章，可以轉載但不得商用，轉載必須註明來源。

    今天講述的是一個關於WPF繫結的小例子，學習好WPF繫結，幾乎可以達到邏輯和介面完全隔離的神奇效果。

    關於邏輯和介面是否可以完全可以隔離，我想告訴大家的是，如果學好了繫結機制和內部執行原理，是可以達到的，這是微軟的能力！

    先講本文例子呈現的效果：

    第一個例子：

    第二個例子：

    先講一下第一個例子：

    XMAL檔案中的程式碼如下所示：

    <Grid Name="mygrid">
        <StackPanel>
            <TextBox Text="{Binding mytext}" Width="100" Margin="5"></TextBox>
            <TextBlock Text="{Binding mytext}" Margin="5,0,5,5" Width="100" Background="NavajoWhite"></TextBlock>
            <Button Width="100">click</Button>
        </StackPanel>
    </Grid>
 

    如上程式碼所示，TextBox控制元件的依賴項屬性Text繫結到mytext，TextBlock的依賴項屬性Text也是繫結到mytext （這就相當於告訴大家，同一個繫結源可以同時繫結到多個繫結目標）, mytext是MainWindows中的一個自定義的myClass物件mcl的string型別的屬性，其程式碼如下所示：

    public partial class MainWindow : Window
    {
        public myClass mcl { get; set; } = new myClass();
        public MainWindow()
        {
            InitializeComponent();
            mcl.mytext = "hello";
            mygrid.DataContext = mcl;//需要給mygrid控制元件指定DataContext為mcl，這是告訴Grid控制元件以及它子控制元件繫結源是誰
        }
    }

    public class myClass:INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        private string _mytext;
        public string mytext {
            get
            { return _mytext; }
            set
            {
                _mytext = value;
                PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("mytext"));
            }
        }
    }
 

    這個例子下，使用者在TextBox框中輸入字串，只有當用戶接著點選一下按鈕或者將輸入焦點改變到其他地方，TextBlox的字串才會改變成和TextBox輸入框的字串一樣。

    下面在進入第二個例子前，先講一些有非常用的繫結知識：

    如上圖所示，設定DataContext屬性是為了告知繫結源物件，TextBox和TextBlock控制元件可以繼承了來自Grid的繫結源。XMAL程式碼中的

Text="{Binding mytext}"

   是告知兩個控制元件繫結的路徑，至此我們一定要牢記繫結的四大組成部分（一定要牢記）：

1. 繫結源，這裡例子是mcl；記住繫結源指的是物件；
2. 繫結路徑，可以完全理解為繫結源的某個屬性，在本例子裡就是myClass型別的mytext屬性。記住繫結路徑指的是繫結源物件裡的某個屬性；
3. 繫結目標物件，這裡例子是TextBox和TextBlock物件；
4. 繫結目標屬性，這裡的例子是TextBox和TextBlock物件的Text屬性；記住目標屬性一定是依賴項屬性。

        根據微軟官方檔案，對於這個例子，需要了解的理論知識:

 （1）XMAL程式碼中出現的Binding擴充套件標記內的Path路徑指定應當是指向一個物件的public 屬性，Binding擴充套件標記中第一個引數可以省略Path：

Text="{Binding mytext}"

等價於：

Text="{Binding Path=mytext}"

（2）記住繫結目標屬性一定是依賴項屬性。這是第二遍強調了。絕大部分控制元件的屬性都是依賴項屬性。這也是告訴你如果你想自己實現一個自定義控制元件的屬性，並且希望這個屬性也可以像WPF官方控制元件一樣繫結一個繫結源，那麼你也要按照依賴項屬性形式實現一個屬性，關於依賴項屬性的概念可以檢視其它官網或百度資料，未來有空也會寫一下這方面的知識，這裡僅需要大家牢記的是繫結目標的屬性必須是一個依賴項屬性，不可辯駁！重要的事情說三遍。本篇文章看了能記住這一條你就比昨天進步了一點。
（3）繫結流方向，繫結流方向是由Binding類物件的Mode屬性設定的，它共有四種方向：

• OneWay，繫結源的屬性值可以影響繫結目標屬性的值；
• TwoWay，繫結源的屬性值可以影響繫結目標屬性的值，同樣的繫結目標屬性的值改變了也會影響繫結源屬性的值；
• OneWayToSource，繫結目標屬性的值改變可以影響繫結源屬性的值；
• OneTime，繫結源屬性的值在初始時繫結到繫結目標屬性的值上，後面不再有任何影響。

（4）但凡源想改變目標：也就是方向Mode屬性是OneWay和TwoWay這兩種型別來說，如果希望繫結源的每一次改變都能反映到繫結目標的屬性值的改變上，那麼您需要實現INotifyPropertyChanged介面。重新說一遍：如果你希望繫結源屬性值（本例子為mytext屬性）的更新能夠自動反應到控制元件當中（也就是繫結源屬性的值的改變能夠同步改變到繫結目標屬性的值），那麼抱歉，WPF框架下，您必須得自己來實現INotifyPropertyChanged介面，這句話也是需要您牢記的，這也是告訴您WPF還沒有那麼智慧，您需要自己額外寫一點程式碼，反正您只要按照這個介面實現了，您的屬性值改變就可以自動影響介面的變化了，神奇的原因在於WPF框架內部都做好了。當然，您也不必費腦細胞去記清楚這個介面實現的細節，你只要牢記這種情形下必須得自己來實現INotifyPropertyChanged介面（至此重要的事情又說了三遍），真正實現百度一下或者查微軟官網資料即可，您僅需要記住INotifyPropertyChanged這個WPF單詞。

• 控制元件的每個依賴項屬性都有預設的繫結方向，一一記住是不可能的，大致可以通過是否可編輯來大致判斷屬性值的繫結方向，如果是可編輯的那麼相應的屬性值是TwoWay方向，如果是不可編輯的一般來講是OneWay。您也可以通過方法查詢特定控制元件特定屬性的預設繫結方向，這裡不做詳細說明。因此，該例子的TextBox的Text屬性預設方向是TwoWay，而TextBlock的Text屬性預設方向是OneWay。

• 也就是目標反過來想改變源：也就是方向Mode屬性是OneWayToSource或者TwoWay，這種情況下還涉及到Binding型別物件的UpdateSourceTrigger屬性，它就是表示源影響目標的觸發方式。UpdateSourceTrigger觸發型別又分為三種：
  • LostFocus,當控制元件失去焦點時改變源屬性值；
    
  • PropertyChanged,每當控制元件的屬性值改變都立即改變源屬性值；
  • Explicit,使用者自己通過呼叫UpdateSource方法來改變源屬性的值，控制權在使用者手上。

   該例子中，TextBox的UpdateSourceTrigger屬性是預設是LostFocus，因此例子一當中不需要明確設定UpdateSourceTrigger值。

      至此我們就可以完全理解例子一的繫結效果了，它的過程時這樣子的：

     TextBox和TextBlock都繫結到實現了INotifyPropertyChanged介面的myClass類的mytext屬性上，由於TextBox繫結方向是TwoWay的，因此在TextBox輸入框中改變值之後，然後點選按鈕讓TextBox輸入框失去焦點，這個時候mytext值立即被改變，由於與TextBlock的繫結方向是OneWay，mytext值的改變立即影響了TextBlock，至此說明了整個繫結的基本細節。

    好，說了這麼多，大家可以猜到如何在例子一上做改動實現例子二了吧。很好，有些同學可能猜到了，只需要改XMAL中的一處即可：

    <Grid Name="mygrid">
        <StackPanel>
            <TextBox Text="{Binding mytext,UpdateSourceTrigger=PropertyChanged}" Width="100" Margin="5"></TextBox>
            <TextBlock Text="{Binding mytext}" Margin="5,0,5,5" Width="100" Background="NavajoWhite"></TextBlock>
            <Button Width="100">click</Button>
        </StackPanel>
    </Grid>

    如上所示，在TextBox的Text屬性的Binding擴充套件標記中新增UpdateSourceTrigger=PropertyChanged即可，這個時候只要使用者在TextBox的輸入框中改變內容就會立即反應到TextBlock當中。

    WPF繫結的一些基本內容先講到這，繫結還有很多其他內容，但這是最基礎的知識，希望大家可以掌握。謝謝！