當(dāng)前位置：首頁(yè) > 编程语言 > asp.net >内容正文

asp.net

WPF之Binding深入探讨

發(fā)布時(shí)間：2023/12/16 asp.net 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 WPF之Binding深入探讨小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

1，Data Binding在WPF中的地位

程序的本質(zhì)是數(shù)據(jù)+算法。數(shù)據(jù)會(huì)在存儲(chǔ)、邏輯和界面三層之間流通，所以站在數(shù)據(jù)的角度上來看，這三層都很重要。但算法在3層中的分布是不均勻的，對(duì)于一個(gè)3層結(jié)構(gòu)的程序來說，算法一般分布在這幾處：

A。數(shù)據(jù)庫(kù)內(nèi)部。

B。讀取和寫回?cái)?shù)據(jù)。

C。業(yè)務(wù)邏輯。

D。數(shù)據(jù)展示。

E。界面與邏輯的交互。

A,B兩部分的算法一般都非常穩(wěn)定，不會(huì)輕易去改動(dòng)，復(fù)用性也很高；C處與客戶需求最緊密，最復(fù)雜，變化最大，大多少算法都集中在這里。D,E負(fù)責(zé)UI和邏輯的交互，也占有一定量的算法。

顯然，C部分是程序的核心，是開發(fā)的重中之重，所以我們應(yīng)該把精力集中在C部分。然而，D,E兩部分卻經(jīng)常成為麻煩的來源。首先這兩部分都與邏輯緊密相關(guān)，一不小心就有可能把本來該放在邏輯層里面的算法寫進(jìn)這兩部分（所以才有了MVC、MVP等模式來避免這種情況出現(xiàn)）。其次，這兩部分以消息或者事件的方式與邏輯層溝通，一旦出現(xiàn)同一個(gè)數(shù)據(jù)需要在多出展示/修改時(shí)，用于同步的代碼錯(cuò)綜復(fù)雜；最后，D和E本來是互逆的一對(duì)兒。但卻需要分開來寫-----顯示數(shù)據(jù)寫一個(gè)算法，修改數(shù)據(jù)再寫一個(gè)算法。總之導(dǎo)致的結(jié)果就是D和E兩部分會(huì)占去一部分算法，搞不好還會(huì)牽扯不少精力。

問題的根源在于邏輯層和展示層的地位不固定------當(dāng)實(shí)現(xiàn)客戶需求的時(shí)候，邏輯層的確處于核心地位。但到了實(shí)現(xiàn)UI的時(shí)候，展示層又處于核心的地位。WPF作為一種專業(yè)的展示層技術(shù)，華麗的外觀和動(dòng)畫只是它的表層現(xiàn)象，最重要的是他在深層次上把程序員的思維固定在了邏輯層，讓展示層永遠(yuǎn)處于邏輯層的從屬地位。WPF具有這種能力的關(guān)鍵在于它引入了Data Binding概念及與之配套的Dependency Property系統(tǒng)和DataTemplate。

從傳統(tǒng)的Winform轉(zhuǎn)移到WPF上，對(duì)于一個(gè)三層程序而言，數(shù)據(jù)存儲(chǔ)層由數(shù)據(jù)庫(kù)和文件系統(tǒng)組成，數(shù)據(jù)傳輸和處理仍然使用.NetFramework的ADO.NET等基本類（與Winform開發(fā)一樣）。展示層則使用WPF類庫(kù)來實(shí)現(xiàn)，而展示層和邏輯層的溝通就使用Data Binding來實(shí)現(xiàn)。可見，Data Binding在WPF中所起的作用就是高速公路的作用。有了這條高速公路，加工好的數(shù)據(jù)自動(dòng)送達(dá)用戶界面并加以顯示，被用戶修改過的數(shù)據(jù)也會(huì)自動(dòng)傳回業(yè)務(wù)邏輯層，一旦數(shù)據(jù)被加工好又會(huì)被送往界面。。。。程序的邏輯層就像是一個(gè)強(qiáng)有力的引擎一直在運(yùn)作，用加工好的數(shù)據(jù)驅(qū)動(dòng)用戶界面也文字、圖形、動(dòng)畫等形式把數(shù)據(jù)顯示出來------這就是數(shù)據(jù)驅(qū)動(dòng)UI。

引入Data Binding之后，D,E兩部分被簡(jiǎn)化了很多。首先，數(shù)據(jù)在邏輯層和用戶界面直來之去、不涉及邏輯問題，這樣的用戶界面部分基本上不包含算法：Data Binding本身就是雙向通信，所以相當(dāng)于把D和E合二為一；對(duì)于多個(gè)UI元素關(guān)注同一個(gè)數(shù)據(jù)的情況，只需要用Data Binding將這些UI元素和數(shù)據(jù)一一關(guān)聯(lián)上（以數(shù)據(jù)為中心的星形結(jié)構(gòu)），當(dāng)數(shù)據(jù)變化后，這些UI元素會(huì)同步顯示這一變化。前面提到的問題也都迎刃而解了。更重要的是經(jīng)過這樣的優(yōu)化，所有與業(yè)務(wù)邏輯相關(guān)的算法都處在業(yè)務(wù)邏輯層，邏輯層成了一個(gè)可以獨(dú)立運(yùn)轉(zhuǎn)，完整的體系，而用戶界面則不需要任何邏輯代碼。完全依賴和從屬于業(yè)務(wù)邏輯層。這樣做有兩個(gè)顯而易見的好處，第一：如果把UI看做是應(yīng)用程序的皮，把存儲(chǔ)層和邏輯層看作是程序的瓤，我們可以很輕易的把皮撕下來?yè)Q一個(gè)新的。第二：因?yàn)閿?shù)據(jù)層能夠獨(dú)立運(yùn)作，自成體系，所以我們可以進(jìn)行更完善的單元測(cè)試而無需借助UI自動(dòng)化測(cè)試工具----你完全可以把單元測(cè)試看作是一個(gè)“看不見的UI”，單元測(cè)試只是使用這個(gè)UI繞過真實(shí)的UI直接測(cè)試業(yè)務(wù)邏輯罷了。

2 ， ?Binding 基礎(chǔ)

如果把Binding比作數(shù)據(jù)的橋梁，那么它的兩端分別是源(Source)和目標(biāo)(Target)。數(shù)據(jù)叢哪里來哪里就是源，到哪里去哪里就是目標(biāo)。一般情況下，Binding的源是業(yè)務(wù)邏輯層的對(duì)象，Binding的目標(biāo)是UI層的控件對(duì)象。這樣數(shù)據(jù)就會(huì)源源不斷的通過Binding送達(dá)UI界面，被UI層展現(xiàn)，這就完成了數(shù)據(jù)驅(qū)動(dòng)UI的過程。有了這座橋梁，我們不僅可以控制車輛在源與目標(biāo)之間是雙向通行還是單向通行。還可以控制數(shù)據(jù)的放行時(shí)機(jī)，甚至可以在橋上搭建一些關(guān)卡用來轉(zhuǎn)換數(shù)據(jù)類型或者檢驗(yàn)數(shù)據(jù)的正確性。

通過對(duì)Binding有了一個(gè)基本概念之后，讓我們看一個(gè)最基本的例子。這個(gè)例子是創(chuàng)建一個(gè)簡(jiǎn)單的數(shù)據(jù)源并通過Binding把它連接到UI元素上。

首先，我們創(chuàng)建一個(gè)名為"Student"的類，這個(gè)類的實(shí)例將作為數(shù)據(jù)源來使用。

public class Student{private string name;public string Name{get { return name; }set{name = value;}}這個(gè)類很簡(jiǎn)單，簡(jiǎn)單到只有一個(gè)string類型的Name屬性。前面說過數(shù)據(jù)源是一個(gè)對(duì)象，一個(gè)對(duì)象本身可能會(huì)有很多數(shù)據(jù)，這些數(shù)據(jù)又通過屬性暴露給外界。那么其中哪個(gè)元素是你想通過Binding送達(dá)UI元素的呢，換句話說，UI元素關(guān)心的是哪個(gè)屬性值的變化呢？這個(gè)屬性值稱之為Binding的路徑（Path）。但光有屬性還不行-------Binding是一種自動(dòng)機(jī)制，當(dāng)值變化后屬性要有能力通知Binding，讓Binding把變化傳遞給UI元素。怎樣才能讓一個(gè)屬性具備這種通知Binding值已經(jīng)改變的能力呢？方法是在屬性的Set語句中激發(fā)一個(gè)PropertyChanged事件。這個(gè)事件不需要我們自己聲明，我們要做的事是讓作為數(shù)據(jù)源的類實(shí)現(xiàn)System.ComponentModel名稱空間中的INotifyPropertyChanged接口。當(dāng)為Binding設(shè)置了數(shù)據(jù)源之后，Binding就會(huì)自動(dòng)偵聽來自這個(gè)接口PropertyChanged事件。

實(shí)現(xiàn)INotifyPropertyChanged接口的類看起來是這樣：

public class Student : INotifyPropertyChanged{private string name;public string Name{get { return name; }set{name = value;if (PropertyChanged != null){this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("Name"));}}}public event PropertyChangedEventHandler PropertyChanged;}
經(jīng)過這樣一升級(jí)，當(dāng)Name屬性的值發(fā)生變化時(shí)PropertyChanged事件就會(huì)被激發(fā)，Binding接收到這個(gè)事件后發(fā)現(xiàn)事件的消息告訴它是Name屬性值發(fā)生了變化，于是通知Binding目標(biāo)端的UI元素顯示新的值。

然后我們?cè)诖绑w上準(zhǔn)備一個(gè)TextBox和Button，代碼如下:

<Window x:Class="WpfApplication1.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="MainWindow" Height="350" Width="525"><Grid><TextBox Height="23" HorizontalAlignment="Left" Margin="185,43,0,0" Name="textBox1" VerticalAlignment="Top" Width="120" /><Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="209,96,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" /></Grid> </Window>
后臺(tái)代碼這樣寫:

/// <summary>/// MainWindow.xaml 的交互邏輯/// </summary>public partial class MainWindow : Window{Student stu = null;public MainWindow(){InitializeComponent();stu = new Student();Binding bind = new Binding();bind.Source = stu;bind.Path = new PropertyPath("Name");this.textBox1.SetBinding(TextBox.TextProperty, bind);}private void button1_Click(object sender, RoutedEventArgs e){stu.Name += "f";new Window1().Show();}}
讓我們逐句解釋一下這段代碼，這段代碼是MainWIndow的后臺(tái)代碼，它的前端代碼就是上面的XAML代碼。“Student stu;”是為MainWindow聲明一個(gè)Student類型的成員變量，這樣做的目的是為了在MainWindow的構(gòu)造器和Button.Click事件處理器中都可以訪問到由它引用的Student實(shí)例（數(shù)據(jù)源）。

在MainWindow的構(gòu)造器中“InitializeComponent();”是自動(dòng)生成的代碼，用途是初始化UI元素。“stu=new Student();”這句是創(chuàng)建一個(gè)Student實(shí)例并用stu成員變量引用它，這個(gè)對(duì)象就是我們的數(shù)據(jù)源。

在準(zhǔn)備Binding的部分，先使用“Binding bind = new Binding();”聲明Binding類型變量并創(chuàng)建實(shí)例，然后使用“bind.Source=stu;”為Binding實(shí)例指定數(shù)據(jù)源，最后使用“bind.Path= new PropertyPath('Name')”語句為Binding指定訪問路徑。

把數(shù)據(jù)源和目標(biāo)連接在一起的任務(wù)是使用“BindingOperations.SetBinding(...)”方法完成的，這個(gè)方法的3個(gè)參數(shù)是我們記憶的重點(diǎn)：

第一個(gè)參數(shù)是指定Binding的目標(biāo)，本例中的this.textBoxName。

與數(shù)據(jù)源的Path原理類似，第二個(gè)參數(shù)用于為Binding指明為Binding指明把這個(gè)數(shù)據(jù)送達(dá)目標(biāo)的哪個(gè)數(shù)據(jù)。

第三個(gè)參數(shù)很明顯，就是指定使用哪個(gè)Binding實(shí)例將數(shù)據(jù)源和目標(biāo)關(guān)聯(lián)起來。

運(yùn)行程序，單擊按鈕我們將會(huì)看到如下的效果圖:

通過上面的例子，我們已經(jīng)在頭腦中建立起來如圖所示的模型

先用這個(gè)做基礎(chǔ)，后面我們將研究Binding的每個(gè)特點(diǎn)。

1.3 ? ? ? ? Binding的源與路徑

Binding 的源也就是數(shù)據(jù)的源頭。Binding對(duì)源的要求并不苛刻------只要它是一個(gè)對(duì)象，并且通過屬性(Property)公開自己的數(shù)據(jù)，它就能作為Binding 的源。

前面一個(gè)例子已經(jīng)向大家證明，如果想讓作為Binding源的對(duì)象具有自動(dòng)通知Binding自己屬性值已經(jīng)已經(jīng)變化的能力。那么就需要讓類實(shí)現(xiàn)INotifyChanged接口并在屬性的Set語句中激發(fā)PropertyChanged事件。在日常生活中，除了使用這種對(duì)象作為數(shù)據(jù)源之外，我們還有更多的選擇，比如控件把自己的容器或子集元素當(dāng)源、用一個(gè)控件做為另一個(gè)控件的數(shù)據(jù)源，把集合作為ItemControl的數(shù)據(jù)源、使用XML作為TreeView或Menu的數(shù)據(jù)源。把多個(gè)控件關(guān)聯(lián)到一個(gè)“數(shù)據(jù)制高點(diǎn)”上，甚至干脆不給Binding指定數(shù)據(jù)源、讓他自己去找。下面我們就分述這些情況。

1.3.1 ? ? ? 把控件作為Binding源與Binding標(biāo)記擴(kuò)展。

前面講過，大多數(shù)情況下Binding的源是邏輯層對(duì)象，但有的時(shí)候?yàn)榱俗孶I產(chǎn)生聯(lián)動(dòng)效果也會(huì)使用Binding在控件間建立關(guān)聯(lián)。下面的代碼是吧一個(gè)TextBox的Text屬性關(guān)聯(lián)到Slider的Value的屬性上。

<Window x:Class="WpfApplication1.Window1"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Window1" Height="321" Width="401"><Grid><TextBox Height="23" HorizontalAlignment="Left" Margin="141,46,0,0" Name="textBox1" VerticalAlignment="Top" Width="120" Text="{Binding Path=Value,ElementName=slider1}"/><Slider Height="23" HorizontalAlignment="Left" Margin="84,106,0,0" Name="slider1" VerticalAlignment="Top" Width="212" /><Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="166,197,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" /></Grid> </Window>運(yùn)行效果如下圖:

正如大家所見，除了可以在C#中建立Binding外在XAML代碼里也可以方便的設(shè)置Binding，這就給設(shè)計(jì)師很大的自由度來決定UI元素之間的關(guān)聯(lián)情況。值得注意的是，在C#代碼中，可以訪問在XAML中聲明的變量但是XAML中不能訪問C#中聲明的變量，因此，要想在XAML中建立UI元素和邏輯對(duì)象的Binding還要頗費(fèi)些周折，把邏輯代碼聲明為XAML中的資源（Resource），我們放資源一章去講。

回頭來看XAML代碼，它使用了Binding標(biāo)記擴(kuò)展語法：

<TextBox Height="23" HorizontalAlignment="Left" Margin="141,46,0,0" Name="textBox1" VerticalAlignment="Top" Width="120" Text="{Binding Path=Value,ElementName=slider1}"/>與之等價(jià)的C#代碼是：

this.textBox1.SetBinding(TextBox.TextProperty, new Binding("Value") { ElementName="Slider1"});因?yàn)锽inding類的構(gòu)造器本身具有可以接收Path的參數(shù)，所以也常寫作:

<TextBox Height="23" HorizontalAlignment="Left" Margin="141,46,0,0" Name="textBox1" VerticalAlignment="Top" Width="120" Text="{Binding Value,ElementName=slider1}"/>注意:

因?yàn)槲覀冊(cè)贑#代碼中可以直接訪問控件對(duì)象，所以一般不會(huì)使用Binding的ElementName屬性，而是直接賦值給Binding的Sourece屬性。

Binding的標(biāo)記擴(kuò)展語法，初看有些平淡甚至有些別扭，但細(xì)品就會(huì)體驗(yàn)到其的精巧之處。說它別扭，是因?yàn)槲覀円呀?jīng)習(xí)慣了Text=“Hello World”這種鍵--值式的賦值方式，而且認(rèn)為值與屬性的值類型一定要一致-------大腦很快會(huì)質(zhì)詢Text="{Binding Value,ElementName=Slider1}"的字面意思----Text的類型是String，為什么要賦一個(gè)Binding類型的值呢？其實(shí)我們并不是為Text屬性賦值，為了消除這種誤會(huì)，我們可以把代碼讀作：為Text屬性設(shè)置Binding為...。再想深一步，我們不是經(jīng)常把函數(shù)視為一個(gè)值嗎？只是這個(gè)值在函數(shù)執(zhí)行之后才能得到。同理，我們也可以把Binding視為一種間接的、不固定的賦值方式-----Binding擴(kuò)展很恰當(dāng)?shù)谋磉_(dá)了這個(gè)賦值方式。

1.3.2 ? ? ? ?控制Binding的方向及數(shù)據(jù)更新

Binding在源與目標(biāo)之間架起了溝通的橋梁，默認(rèn)情況下數(shù)據(jù)即可以通過Binding送達(dá)目標(biāo)，也可以通過目標(biāo)回到源(收集用戶對(duì)數(shù)據(jù)的修改)。有時(shí)候數(shù)據(jù)只需要展示給用戶，不需要用戶修改，這時(shí)候可以把Binding模式設(shè)置為從目標(biāo)向源的單向溝通以及只在Binding關(guān)系確立時(shí)讀取一次數(shù)據(jù)，這需要我們根據(jù)實(shí)際情況選擇。

控制Binding數(shù)據(jù)流向的屬性是Model，它的類型是BindingModel的枚舉。BindingModel可以取值為TwoWay、OneWay、OneTime、OneWayToSource和Default。這里的Default指的是Binding的模式會(huì)根據(jù)目標(biāo)是實(shí)際情況來確定，不如是可以編輯的（TextBox的Text屬性），Default就采用雙向模式。如果是TextBlock，不可編輯，就使用單向模式。

接上一節(jié)的小例子，拖動(dòng)Slider手柄時(shí)，TextBox就會(huì)顯示Slider的當(dāng)前值（實(shí)際上這一塊涉及到一個(gè)Double到String類型的轉(zhuǎn)換，暫且忽略不計(jì)）；如果我們?cè)赥extBox里面輸入一個(gè)恰當(dāng)?shù)闹蛋碩ab鍵、讓焦點(diǎn)離開TextBox，則Slider手柄就會(huì)跳轉(zhuǎn)至相應(yīng)的值那里。如下圖所示:

為什么一定要在TextBox失去焦點(diǎn)以后才改變值呢？這就引出了Binding的另外一個(gè)屬性-----UpdateSourceTrigger，它的類型是UpdateSourceTrigger枚舉，可取值為PropertyChanged、LostFous、Explicit和Default。顯然，對(duì)于Text的Default行為與LostFocus一致，我們只需要把這個(gè)值改成PropertyChanged，則Slider就會(huì)隨著輸入值的變化而變化了。

注意:

順便提一句，Binding還具有NotifyOnSourceUpdated屬性和NotifyOnTargetUpdated兩個(gè)bool類型是屬性。如果設(shè)置為True，則在源或目標(biāo)被更新以后就會(huì)觸發(fā)相應(yīng)的SourceUpdated事件和TargetUpdated事件。實(shí)際工作中我們可以監(jiān)聽這兩個(gè)事件來找出來哪些數(shù)據(jù)或控件被更新了。

1.3.3 ? Binding的路徑(Path)

做為Binding的源可能會(huì)有很多屬性，通過這些屬性Binding源可以把數(shù)據(jù)暴露給外界。那么，Binding到底需要關(guān)注哪個(gè)屬性值呢？就需要用Binding的Path屬性來指定了。例如前面這個(gè)例子，我們把Slider控件對(duì)象作為數(shù)據(jù)源，把它的Value屬性作為路徑。

盡管在XAML代碼中或者Binding類的構(gòu)造器參數(shù)列表中我們使用字符串來表示Path，但Path的實(shí)際類型是PropertyPath。下面讓我們來看看如何創(chuàng)建Path來應(yīng)付實(shí)際情況（我將使用C#和XAML兩種代碼進(jìn)行描述）。

最簡(jiǎn)單的方法就是直接把Binding關(guān)聯(lián)到Binding源的屬性上，前面的例子就是這樣，語法如下:

<TextBox Height="23" HorizontalAlignment="Left" Margin="141,46,0,0" Name="textBox1" VerticalAlignment="Top" Width="120" Text="{Binding Path=Value,ElementName=slider1}"/>等效的C#代碼就是：

this.textBox1.SetBinding(TextBox.TextProperty, new Binding("Value") {Source=slider1});Binding還支持多級(jí)路徑（通俗的講就是一路“點(diǎn)”下去），比如，我們想讓一個(gè)TextBox顯示另外一個(gè)TextBox內(nèi)容的長(zhǎng)度，我們可以這樣寫：

<TextBox Height="23" HorizontalAlignment="Left" Margin="152,50,0,0" Name="textBox1" VerticalAlignment="Top" Width="158" /><TextBox Height="23" HorizontalAlignment="Left" Margin="152,105,0,0" Name="textBox2" Text="{Binding Path=Text.Length,ElementName=textBox1,Mode=OneWay}" VerticalAlignment="Top" Width="158"/>
等效的C#代碼是：

this.textBox2.SetBinding(TextBox.TextProperty, new Binding("Text.Length") {Source = textBox1, Mode= BindingMode.OneWay });
運(yùn)行效果如下圖:

我們知道，集合類型是索引器(Indexer)又稱為帶參屬性。既然是屬性，索引器也能作為Path來使用。比如我們想讓一個(gè)TextBox顯示另外一個(gè)TextBox的第4個(gè)字符，我們可以這樣寫：

<TextBox Height="23" HorizontalAlignment="Left" Margin="152,50,0,0" Name="textBox1" VerticalAlignment="Top" Width="158" Text="ABCDE" /><TextBox Height="23" HorizontalAlignment="Left" Margin="152,105,0,0" Name="textBox2" Text="{Binding Path=Text[3],ElementName=textBox1,Mode=OneWay}" VerticalAlignment="Top" Width="158"/>
C#代碼如下:

this.textBox2.SetBinding(TextBox.TextProperty, new Binding("Text.[3]") { Source=textBox1,Mode= BindingMode.OneWay});
我們甚至可以把Text與[3]之間的點(diǎn)去掉，一樣可以正確工作，運(yùn)行效果如下圖:

當(dāng)使用一個(gè)集合或者DataView做為數(shù)據(jù)源時(shí)，如果我們想把它默認(rèn)的元素做為數(shù)據(jù)源使用，則需要使用下面的語法:

List<string> infos = new List<string>() { "Jim","Darren","Jacky"};textBox1.SetBinding(TextBox.TextProperty, new Binding("/") { Source=infos});textBox2.SetBinding(TextBox.TextProperty, new Binding("/[2]") { Source = infos, Mode= BindingMode.OneWay });textBox3.SetBinding(TextBox.TextProperty, new Binding("/Length") { Source = infos, Mode= BindingMode.OneWay });
顯示效果如下:

如果集合中仍然是集合,我們想把子集集合中的元素做Path，我們可以使用多級(jí)斜線的語法（即“一路”斜線下去），例如:

/// <summary>/// Window4.xaml 的交互邏輯/// </summary>public partial class Window4 : Window{public Window4(){InitializeComponent();List<Contry> infos = new List<Contry>() { new Contry() { Name = "中國(guó)", Provinces= new List<Province>(){ new Province(){ Name="四川",Citys=new List<City>(){new City(){Name="綿陽(yáng)市"}}}}}};this.textBox1.SetBinding(TextBox.TextProperty, new Binding("/Name") { Source=infos});this.textBox2.SetBinding(TextBox.TextProperty, new Binding("/Provinces/Name") { Source = infos });this.textBox3.SetBinding(TextBox.TextProperty, new Binding("/Provinces/Citys/Name") { Source = infos });}}class City{public string Name { set; get; }}class Province{public string Name { set; get; }public List<City> Citys { set; get; }}class Contry{public string Name { set; get; }public List<Province> Provinces { get; set; }}
運(yùn)行效果如圖:

1.3.4 ? ? ? "沒有Path"的Binding

有的時(shí)候我們會(huì)在代碼中我們看大Path是一個(gè)“.”或者干脆沒有Path的Binding，著實(shí)讓人摸不著頭腦。原來這是一種比較特殊的情況---Binding源本身就是一種數(shù)據(jù)且不需要Path來指明。典型的string,int等基本類型都是這樣，他們是實(shí)例本身就是數(shù)據(jù)，我們無法指定通過那個(gè)屬性來訪問這個(gè)數(shù)據(jù)，這是我們只需要將這個(gè)數(shù)據(jù)設(shè)置為.就可以了。在XAML中這個(gè).可以忽略不寫，但是在C#中編程必須要帶上。下面請(qǐng)看下面這段代碼:

<Window x:Class="WpfApplication1.Window5"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:String="clr-namespace:System;assembly=mscorlib"Title="Window5" Height="331" Width="538"><StackPanel Height="184" Name="stackPanel1" Width="288"><StackPanel.Resources><String:String x:Key="myString">菩提本無樹，何處染塵埃。</String:String></StackPanel.Resources><TextBlock Height="23" Name="textBlock1" Text="{Binding Path=.,Source={StaticResource ResourceKey=myString}}" /></StackPanel> </Window>
上面的代碼可以簡(jiǎn)寫成:

<TextBlock Height="23" Name="textBlock1" Text="{Binding .,Source={StaticResource ResourceKey=myString}}" />或者直接寫成:

注意:

最后這種簡(jiǎn)寫很容易被誤解為沒有指定Path，其實(shí)只是省略掉了。與只等效的C#代碼如下:

string myString = "菩提本無樹，明鏡亦無臺(tái)。本來無一物，何處染塵埃。";this.textBlock1.SetBinding(TextBlock.TextProperty, new Binding(".") { Source=myString});
注意：

最后順便帶一句，PropertyPath除了用于Binding的Path屬性之外，在動(dòng)畫編程的時(shí)候也會(huì)派上用場(chǎng)（Storyboard.TargetProperty）。在用于動(dòng)畫編程的時(shí)候，PropertyPath還有另外一種語法，到時(shí)候我們細(xì)說。

1.3.5 ? ? ?把Binding指定為源(Source)的幾種方法

上一節(jié)我們學(xué)習(xí)了如何通過Binding的path屬性如何在一個(gè)對(duì)象上尋找數(shù)據(jù)。這一節(jié)我們將學(xué)習(xí)如何為Binding指定源（Source）。

Binding的源是數(shù)據(jù)的來源，所以，只要一個(gè)對(duì)象包含數(shù)據(jù)并且能夠通過屬性將數(shù)據(jù)暴露出來，它就能當(dāng)作Binding的源來使用。包含數(shù)據(jù)的對(duì)象比比皆是，但必須為Binding的Source指定合適的對(duì)象Binding才能正常工作，常用的辦法有:

把普通的CLR單個(gè)對(duì)象指定為Source：包括.NetFrameWork自帶類型的對(duì)象和用戶自定義類型的對(duì)象。如果類型實(shí)現(xiàn)了INotifyPropertyChanged接口，這可以通過在屬性的Set語句里激發(fā)PropertyChanged事件來通知Binding已經(jīng)更新。
把普通的CLR對(duì)象集合指定為Source：包括數(shù)組,List<T>,ObservableCollection<T>等集合類型。實(shí)際工作中，我們經(jīng)常需要將一個(gè)集合類型作為ItemControl的派生類的數(shù)據(jù)來使用，一般把控件ItemSource屬性使用Binding關(guān)聯(lián)到一個(gè)集合對(duì)象上。
把ADO.NET數(shù)據(jù)指定為Source：包括DataTable和DataView對(duì)象。
使用XmlDataProvider把XML數(shù)據(jù)指定為Source:XML做為標(biāo)準(zhǔn)的數(shù)據(jù)傳輸和存儲(chǔ)格式，幾乎無處不在，我們可以用它表示單個(gè)對(duì)象或者集合對(duì)象；一些WPF控件是級(jí)聯(lián)的（如Treeview和Menu），我們可以把樹狀結(jié)構(gòu)的XML數(shù)據(jù)作為源指定給與之關(guān)聯(lián)的Binding。
把依賴對(duì)象(Dependency Object)指定為Source：依賴對(duì)象不僅可以做為Binding 的目標(biāo)，還能作為Binding 的源。這樣就有可能形成Binding鏈。依賴對(duì)象中的依賴屬性可以做為Binding的Path。
把容器的DataContext指定為Source（WPF 中Binding的默認(rèn)行為）：有時(shí)候我們會(huì)遇到這樣一種情況----我們明確知道將從那個(gè)屬性獲取數(shù)據(jù)，但具體使用哪個(gè)對(duì)象作為Binding的源還不確定。這時(shí)候我們只需要先建立一個(gè)Binding，只給它設(shè)置Path而不設(shè)置Source，讓這個(gè)Binding自己去尋找源，這時(shí)候，Binding會(huì)自動(dòng)把控件的DataContext作為當(dāng)作自己的Source（它會(huì)沿著控件樹一直向外找，直到找到帶有Path指定的對(duì)象為止）。
通過ElementName指定Source：在C#代碼中可以直接把對(duì)象作為Source賦值給Binding，但是XAML無法訪問對(duì)象，只能使用Name屬性來找到對(duì)象。
通過Binding的RelataveSource屬性相對(duì)的指定Source：當(dāng)控件需要關(guān)注自己的、自己容器的或者自己內(nèi)部某個(gè)屬性值就需要使用這種辦法。
把ObjectDataProvider指定為Source：當(dāng)數(shù)據(jù)源的數(shù)據(jù)不是通過屬性，而是通過方法暴露給外界的時(shí)候，我們可以使用這種對(duì)象來包裝數(shù)據(jù)源再把它們指定為Source。
把使用LINQ檢索到的數(shù)據(jù)作為數(shù)據(jù)源。

下面我們使用實(shí)例來分別描述每種情況：

1.3.6 ? ? ? 沒有Source的Binding----使用DataContext作為數(shù)據(jù)源

前面的例子都是把單個(gè)的CLR對(duì)象作為Binding 的源，方法有兩種：把對(duì)象賦值給Binding.Source屬性或者把對(duì)象的Name賦值給Binding.ElementName。DataContext被定義在FrameWorkElement類中，這個(gè)類是WPF控件的基類，這意味著所有的WPF控件包括布局控件都包含這個(gè)屬性。如前所述，WPF的UI布局是樹形結(jié)構(gòu)，這個(gè)樹的每個(gè)節(jié)點(diǎn)都是控件，由此我們推出一個(gè)結(jié)論----在UI樹的每個(gè)節(jié)點(diǎn)都有DataContext屬性。這一點(diǎn)非常重要，因?yàn)楫?dāng)一個(gè)Binding只知道自己的Path而不知道自己的源的時(shí)候，它會(huì)沿著樹的一路向樹的根部找過去，每經(jīng)過一個(gè)節(jié)點(diǎn)都要查看這個(gè)節(jié)點(diǎn)的DataContext屬性是否具有Path所指定的屬性。如果有，就把這個(gè)對(duì)象作為自己的Source；如果沒有，就繼續(xù)找下去；如果到樹的根部還沒有找到，那這個(gè)Binding就沒有Source，因而也不會(huì)得到數(shù)據(jù)，讓我們看看下面的例子:

先創(chuàng)建一個(gè)名為Student的類，它具有ID,Name,Age3個(gè)屬性：

public class Student{public int Id { get; set; }public string Name { get; set; }public int Age { get; set; }}
在后在XAML中建立UI界面:

<Window x:Class="WpfApplication1.Window6"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:Stu="clr-namespace:WpfApplication1"Title="Window6" Height="345" Width="464"><StackPanel Background="AliceBlue"><StackPanel.DataContext><Stu:Student Id="1" Name="Darren" Age="10"></Stu:Student></StackPanel.DataContext><Grid><StackPanel Height="283" HorizontalAlignment="Left" Margin="12,12,0,0" Name="stackPanel1" VerticalAlignment="Top" Width="418"><TextBox Height="23" Name="textBox1" Width="120" Margin="15" Text="{Binding Path=Id}"/><TextBox Height="23" Name="textBox2" Width="120" Margin="15" Text="{Binding Path=Name}"/><TextBox Height="23" Name="textBox3" Width="120" Margin="15" Text="{Binding Path=Age}"/></StackPanel></Grid></StackPanel></Window> 這個(gè)UI可以用如下的柱狀圖來表示:

使用xmlns:Stu="clr-namespace:WpfApplication1"，我們就可以在XAML中使用在C#中定義的類。使用了這幾行代碼:

<StackPanel.DataContext><Stu:Student Id="1" Name="Darren" Age="10"></Stu:Student></StackPanel.DataContext>
就為外層StackPanel的DataContext進(jìn)行了賦值----它是一個(gè)Student對(duì)象。3個(gè)TextBox通過Binding獲取值，但只為Binding指定了Path，沒有指定Source。簡(jiǎn)寫成這樣也可以：

<TextBox Height="23" Name="textBox1" Width="120" Margin="15" Text="{Binding Id}"/><TextBox Height="23" Name="textBox2" Width="120" Margin="15" Text="{Binding Name}"/><TextBox Height="23" Name="textBox3" Width="120" Margin="15" Text="{Binding Age}"/>
這樣3個(gè)TextBox就會(huì)沿著樹向上尋找可用的DataContext對(duì)象。運(yùn)行效果如下圖:

前面在學(xué)習(xí)Binding路徑的時(shí)候，當(dāng)Binding的Source本身就是數(shù)據(jù)、不需要使用屬性來暴露數(shù)據(jù)時(shí)，Binding的Path可以設(shè)置為"."，亦可省略不寫。現(xiàn)在Source也可以省略不寫了，這樣，當(dāng)某個(gè)DataContext為簡(jiǎn)單類型對(duì)象的時(shí)候，我們完全可能看到一個(gè)既沒有Path，又沒有Source的Binding：

<Window x:Class="WpfApplication1.Window7"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:Str="clr-namespace:System;assembly=mscorlib"Title="Window7" Height="300" Width="300"><Grid><Grid.DataContext><Str:String>Hello DataContext</Str:String></Grid.DataContext><StackPanel><TextBlock Height="23" HorizontalAlignment="Left" Margin="15" Name="textBlock1" Text="{Binding}" VerticalAlignment="Top" /><TextBlock Height="23" HorizontalAlignment="Left" Margin="15" Name="textBlock2" Text="{Binding}" VerticalAlignment="Top" /><TextBlock Height="23" HorizontalAlignment="Left" Margin="15" Name="textBlock3" Text="{Binding}" VerticalAlignment="Top" /></StackPanel></Grid> </Window>
運(yùn)行效果如下圖:

你可能回想，Binding怎么會(huì)自動(dòng)向UI元素上一層查找DataContext并把它作為自己的Source呢？其實(shí)，“Binding沿著UI元素樹向上找”只是WPF給我們的一個(gè)錯(cuò)覺，Binding并沒有那么智能。之所以會(huì)這樣是因?yàn)镈ataContext是一個(gè)“依賴屬性”，后面的章節(jié)我們會(huì)詳細(xì)描述，依賴屬性有一個(gè)很明顯的特點(diǎn)就是你沒有為某個(gè)控件的依賴屬性賦值的時(shí)候，控件會(huì)把自己容器的屬性值接過來當(dāng)作自己的屬性值。實(shí)際上屬性值是沿著UI元素樹向下傳遞的。

在實(shí)際工作中，DataContext屬性值的運(yùn)用非常的靈活。比如:

當(dāng)UI上的多個(gè)控件都使用Binding關(guān)注同一個(gè)對(duì)象變化的時(shí)候，不妨使用DataContext。

當(dāng)作為Source的對(duì)象不能被直接訪問的時(shí)候----比如B窗體內(nèi)的控件想把A窗體里的控件當(dāng)作自己的Binding源時(shí)，但是A窗體內(nèi)的控件可訪問級(jí)別是private類型，這是就可以把這個(gè)控件或者控件值作為窗體A的DataContext（這個(gè)屬性是Public級(jí)別的）這樣就可以暴露數(shù)據(jù)了。

形象的說，這時(shí)候外層的數(shù)據(jù)就相當(dāng)于一個(gè)數(shù)據(jù)的“至高點(diǎn)”，只要把元素放上去，別人就能夠看見。另外DataContext本身就是一個(gè)依賴屬性，我們可以使用Binding把它關(guān)聯(lián)到一個(gè)數(shù)據(jù)源上。

1.3.7 ? ? 使用集合對(duì)象作為列表控件的ItemsSource

有了DataContext作為基礎(chǔ)，我們?cè)賮砜纯窗鸭项愋蛯?duì)象作為Binding源的情況。

WPF中的列表式控件都派生自ItemControl類，自然也繼承了ItemSource這個(gè)屬性。ItemSource可以接收一個(gè)IEnumerable接口派生類的實(shí)例作為自己的值（所有可被迭代遍歷的集合都實(shí)現(xiàn)了這個(gè)接口，包括數(shù)組、List<T>等）。每個(gè)ItemControl都具有自己的條目容器Item Container，例如，ListBox的條目容器是ListBoxItem、Combox的條目容器是ComboxItem。ItemSource里面保存的是一條一條的數(shù)據(jù)，想要把數(shù)據(jù)顯示出來就要為數(shù)據(jù)穿上外衣，條目容器就起到了數(shù)據(jù)外衣的作用。這樣將數(shù)據(jù)外衣和它所對(duì)應(yīng)的條目容器關(guān)聯(lián)起來呢？當(dāng)然時(shí)依靠Binding！只要我們?yōu)橐粋€(gè)ItemControl設(shè)置了ItemSource屬性值，ItemControl會(huì)自動(dòng)迭代其中的數(shù)據(jù)元素，為每個(gè)數(shù)據(jù)元素準(zhǔn)備一個(gè)條目容器，并使用Binding元素在條目容器和數(shù)據(jù)元素之間建立起關(guān)聯(lián)，讓我們來看一個(gè)例子：

UI代碼如下：

窗體運(yùn)行效果如下圖:

我們要實(shí)現(xiàn)的效果就是把List<Student>的集合作為L(zhǎng)istBox的ItemSource,讓ListBox顯示學(xué)員的Name,并使用TextBox顯示當(dāng)前選中學(xué)員的Id,為了實(shí)現(xiàn)這個(gè)功能,我們需要在窗體的構(gòu)造函數(shù)中添加幾行代碼:

List<Student> infos = new List<Student>() { new Student(){ Id=1, Age=11, Name="Tom"},new Student(){ Id=2, Age=12, Name="Darren"},new Student(){ Id=3, Age=13, Name="Jacky"},new Student(){ Id=4, Age=14, Name="Andy"}};this.lbStudent.ItemsSource = infos;this.lbStudent.DisplayMemberPath = "Name";this.txtStudentId.SetBinding(TextBox.TextProperty,new Binding("SelectedItem.Id"){ Source=lbStudent});運(yùn)行結(jié)果如下圖：

你可能回想，這個(gè)例子中并沒有出現(xiàn)剛才我們說的Binding。實(shí)際上，?this.lbStudent.DisplayMemberPath = "Name";這點(diǎn)代碼露出了一點(diǎn)蛛絲馬跡。注意到包含Path這個(gè)單詞了嗎？這說明它是一個(gè)路徑。當(dāng)DisplayMemberPath 被賦值以后，ListBox在獲得ItemSource的時(shí)候就會(huì)創(chuàng)建一個(gè)等量的ListBoxItem并以DisplayMemberPath的值為Path創(chuàng)建Binding，Binding的目標(biāo)是ListBoxItem的內(nèi)容插件（實(shí)際上是一個(gè)TextBox，下面就會(huì)看見）。

如過在ItemControl類的代碼里刨根問底，你會(huì)發(fā)現(xiàn)Binding的過程是在DisplayMemberTemplateSelector類的SelectTemplate方法里完成的。這個(gè)方法的定義格式如下:

public override DataTemplate SelectTemplate(object item, DependencyObject container){//邏輯代碼}
這里我們倒不必關(guān)心它的實(shí)際內(nèi)容，注意到它的返回值沒有，是一個(gè)DataTemplate類型的值。數(shù)據(jù)的外衣就是由DataTemplate穿上的！當(dāng)我們沒有為ItemControl顯示的指定Template的時(shí)候SelectTemplate會(huì)默認(rèn)的為我們創(chuàng)建一個(gè)最簡(jiǎn)單的DataTemplate----就好像給數(shù)據(jù)穿上了一個(gè)簡(jiǎn)單的衣服一樣。至于什么是Template以及這個(gè)方法的完整代碼將會(huì)放到與Template相關(guān)的文章中仔細(xì)去討論。這里我們只關(guān)心SelectTemplate內(nèi)部創(chuàng)建Binding 的幾行關(guān)鍵代碼:

FrameworkElementFactory text = ContentPresenter.CreateTextBlockFactory();Binding bind = new Binding();bind.Path = new PropertyPath(_displayMemberPath);bind.StringFormat = _stringFormat;text.SetBinding(TextBlock.TextProperty,bind);
注意：

這里對(duì)新創(chuàng)建的Binding設(shè)定了Path而沒有指定Source，緊接這就把它關(guān)聯(lián)到了TextBlock上。顯然，要想得到Source，這個(gè)Binding需要向樹根方向?qū)ふ野琠displayMemberPath指定屬性的DataContext。

最后我們?cè)倏匆粋€(gè)顯示為數(shù)據(jù)設(shè)置DataTemplate的例子，先把C#代碼中的this.lbStudent.DisplayMemberPath = "Name";一句刪除，再在XAML代碼中添加幾行代碼，ListBox的ItemTemplate屬性（繼承自ItemControl類）的類型是DataTemplate，下面我們就為Student類型實(shí)例量身定做“衣服”。

<Window x:Class="WpfApplication1.Window8"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Window8" Height="356" Width="471"><Grid><StackPanel Height="295" HorizontalAlignment="Left" Margin="10,10,0,0" Name="stackPanel1" VerticalAlignment="Top" Width="427"><TextBlock Height="23" Name="textBlock1" Text="學(xué)員編號(hào):" /><TextBox Height="23" Name="txtStudentId" Width="301" HorizontalAlignment="Left"/><TextBlock Height="23" Name="textBlock2" Text="學(xué)員列表:" /><ListBox Height="208" Name="lbStudent" Width="305" HorizontalAlignment="Left"><ListBox.ItemTemplate><DataTemplate><StackPanel Name="stackPanel2" Orientation="Horizontal"><TextBlock Text="{Binding Id}" Margin="5" Background="Beige"/><TextBlock Text="{Binding Name}" Margin="5"/><TextBlock Text="{Binding Age}" Margin="5"/></StackPanel></DataTemplate></ListBox.ItemTemplate></ListBox></StackPanel></Grid> </Window>
運(yùn)行效果圖:

最后特別提醒大家一點(diǎn):

在使用集合類型的數(shù)據(jù)作為列表控件的ItemSource時(shí)一般會(huì)考慮使用ObservableCollection<T>替換List<T>，因?yàn)镺bservableCollection<T>類實(shí)現(xiàn)了INotifyChange和INotifyPropertyChanged接口，能把集合的變化立刻通知顯示到它的列表控件上，改變會(huì)立刻顯示出來。

1.3.8 ? ? 使用ADO.NET對(duì)象作為Binding的源

在.Net開發(fā)工作中，我們用ADO.NET類對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作。常見的工作就是從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)到DataTable中，在把DataTable里的數(shù)據(jù)綁定的UI的控件里面（如成績(jī)單、博客列表）。盡管在流行的軟件架構(gòu)中并不把DataTable中的數(shù)據(jù)直接顯示在UI列表控件里面而是先通過LINQ等手段把DataTable里的數(shù)據(jù)轉(zhuǎn)換成恰當(dāng)?shù)挠脩糇远x類型集合，但WPF也支持DataTable也支持在列表控件和DataTable里直接建立Binding。

現(xiàn)在我們做一個(gè)實(shí)例來講解如何在DataTable和UI建立Binding：

多數(shù)情況下我們會(huì)用ListView控件來顯示一個(gè)DataTable，XAML代碼如下:

<Window x:Class="WpfApplication1.Window9"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Window9" Height="345" Width="482"><StackPanel Height="279" Name="stackPanel1" Width="431"><ListView Height="247" Name="listView1" Width="376"><ListView.View><GridView><GridViewColumn Header="ID" DisplayMemberBinding="{Binding Id}" Width="60"></GridViewColumn><GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" Width="60"></GridViewColumn><GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" Width="60"></GridViewColumn><GridViewColumn Header="Sex" DisplayMemberBinding="{Binding Sex}" Width="60"></GridViewColumn></GridView></ListView.View></ListView></StackPanel> </Window>
這里我們有幾點(diǎn)需要注意的地方:

從字面上來理解，ListView和GridView應(yīng)該屬于同一級(jí)別的控件，實(shí)際上遠(yuǎn)非這樣！ListView是ListBox的派生類而GridView是ViewBase的派生類，ListView中的View是一個(gè)ViewBase對(duì)象，所以，GridView可以做為L(zhǎng)istView的View來使用而不能當(dāng)作獨(dú)立的控件來使用。這里使用理念是組合模式，即ListView有一個(gè)View，但是至于是GridView還是其它類型的View，由程序員自己選擇----目前只有一個(gè)GridView可用，估計(jì)微軟在這里還會(huì)有擴(kuò)展。其次，GridView的內(nèi)容屬性是Columns，這個(gè)屬性是GridViewColumnCollection類型對(duì)象。因?yàn)閄AML支持對(duì)內(nèi)容屬性的簡(jiǎn)寫，可以省略<GridView.Columns>這層標(biāo)簽，直接在GridView的內(nèi)容部分定義3個(gè)<GridViewColumn>對(duì)象，GridViewColumn中最重要的一個(gè)屬性是DisplayBinding（類型是BindingBase），使用這個(gè)屬性可以指定這一列使用什么樣的Binding去關(guān)聯(lián)數(shù)據(jù)------這與ListBox有點(diǎn)不同，ListBox使用的是DisplayMemberPath屬性(類型是string)。如果想用更復(fù)雜的結(jié)構(gòu)來表示這一標(biāo)題或數(shù)據(jù)，則可為GridViewColumn設(shè)置HeadTemplate和CellTemplate，它們的類型都是DataTemplate。

運(yùn)行效果如下:

后臺(tái)代碼如下:

public Window9(){InitializeComponent();DataTable dtInfo = CreateDataTable();for (int i = 0; i < 10; i++){DataRow dr = dtInfo.NewRow();dr[0] = i;dr[1] = "猴王" + i;dr[2] = i + 10;dr[3] = "男";dtInfo.Rows.Add(dr);}this.listView1.ItemsSource = dtInfo.DefaultView;}private DataTable CreateDataTable(){DataTable dt = new DataTable("newtable");DataColumn[] columns = new DataColumn[]{new DataColumn("Id"),new DataColumn("Name"),new DataColumn("Age"),new DataColumn("Sex")};dt.Columns.AddRange(columns);return dt;}
通過上面的例子我們已經(jīng)知道DataTable的DefaultView可以做為ItemSource來使用，拿DataTable直接用可以嗎，讓我們?cè)囋嚳?#xff1a;

InitializeComponent();DataTable dtInfo = CreateDataTable();for (int i = 0; i < 10; i++){DataRow dr = dtInfo.NewRow();dr[0] = i;dr[1] = "猴王" + i;dr[2] = i + 10;dr[3] = "男";dtInfo.Rows.Add(dr);}this.listView1.ItemsSource = dtInfo;
編譯的時(shí)候系統(tǒng)會(huì)報(bào)錯(cuò)提示:

錯(cuò)誤 1無法將類型“System.Data.DataTable”隱式轉(zhuǎn)換為“System.Collections.IEnumerable”。存在一個(gè)顯式轉(zhuǎn)換(是否缺少?gòu)?qiáng)制轉(zhuǎn)換?)d:\我的文檔\visual studio 2010\Projects\WpfApplication2\WpfApplication1\Window9.xaml.cs3642WpfApplication1

顯然DataTable不能直接拿來為ItemSource賦值。不過，當(dāng)你把DataTable對(duì)象放在一個(gè)對(duì)象的Context屬性的時(shí)候，并把一個(gè)ItemSource與一個(gè)既沒有指定Source又沒有指定Path的Binding綁定起來的時(shí)候，Binding卻能自動(dòng)找到它的DefaultView并當(dāng)作自己的Source來使用：

DataTable dtInfo = CreateDataTable();for (int i = 0; i < 10; i++){DataRow dr = dtInfo.NewRow();dr[0] = i;dr[1] = "猴王" + i;dr[2] = i + 10;dr[3] = "男";dtInfo.Rows.Add(dr);}this.listView1.DataContext = dtInfo;this.listView1.SetBinding(ListView.ItemsSourceProperty, new Binding());
所以，如果你在代碼中發(fā)現(xiàn)把DataTable而不是DefaultView作為DataContext值，并且為ItemSource設(shè)置一個(gè)既無Path又沒有Source的Binding的時(shí)候，千萬別感覺到疑慮。

1.3.9 ? ? ? ?使用XML數(shù)據(jù)作為Binding的源

迄今為止，.NETFramWork提供了兩套處理XML數(shù)據(jù)的類庫(kù)：

符合DOM（Document Object Modle，文檔對(duì)象模型）標(biāo)準(zhǔn)類庫(kù)：包括XmlDocument、XmlElement、XmlNode、XmlAttribute等類。這套類庫(kù)的特點(diǎn)是中規(guī)中矩，功能強(qiáng)大，但也背負(fù)了太多了XML的傳統(tǒng)和復(fù)雜。

以LINQ（Language-Intergrated Query，語言集成查詢）為基礎(chǔ)的類庫(kù)：包括XDocument，XElement，XNode，XAttribute等類。這套類庫(kù)的特點(diǎn)是可以通過LINQ進(jìn)行查詢和操作，方便快捷。

下面我們主要講解一下標(biāo)準(zhǔn)類型的類庫(kù)，基于LINQ的查詢我們放在下一節(jié)討論。

現(xiàn)在程序設(shè)計(jì)只要涉及到遠(yuǎn)程傳輸就離不開XML，因?yàn)榇蠖鄶?shù)數(shù)據(jù)傳輸是基于SOAP(Simple Object Access Protocol，簡(jiǎn)單對(duì)象訪問協(xié)議)相關(guān)文檔協(xié)議，而SOAP又是將對(duì)象序列化為XML文本進(jìn)行傳輸。XML文本是樹形結(jié)構(gòu)的，所以XML可以方便的用于表示線性集合（如Array、List等）和樹形結(jié)構(gòu)數(shù)據(jù)。

注意:

在使用XML數(shù)據(jù)作為Binding的Source的時(shí)候我們將使用XPath屬性而不是Path屬性來指定數(shù)據(jù)的來源。

我們先看一個(gè)線性集合的例子。下面的XML文本是一組文本信息，我們要把它顯示在一個(gè)ListView控件里：

<?xml version="1.0" encoding="utf-8" ?> <StudentList><Student id="1"><Name>Andy</Name></Student><Student id="2"><Name>Jacky</Name></Student><Student id="3"><Name>Darren</Name></Student><Student id="4"><Name>DK</Name></Student><Student id="1"><Name>Jim</Name></Student> </StudentList>對(duì)應(yīng)的XAML如下：

<Window x:Class="WpfApplication1.Window10"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Window10" Height="397" Width="485"><StackPanel Width="409" Height="331" Background="LightBlue"><ListView Height="302" Name="listView1" Width="396"><ListView.View><GridView><GridViewColumn Header="ID" DisplayMemberBinding="{Binding XPath=@id}" Width="80"></GridViewColumn><GridViewColumn Header="Name" DisplayMemberBinding="{Binding XPath=Name}" Width="150"></GridViewColumn></GridView></ListView.View></ListView></StackPanel> </Window> C#代碼如下：

private void BindingInfo(){XmlDocument doc = new XmlDocument();doc.Load(@"d:\我的文檔\visual studio 2010\Projects\WpfApplication2\WpfApplication1\StudentData.xml");XmlDataProvider dp = new XmlDataProvider();dp.Document = doc;dp.XPath = @"StudentList/Student";this.listView1.DataContext = dp;this.listView1.SetBinding(ListView.ItemsSourceProperty, new Binding());}
程序運(yùn)行效果如下：

XMLDataProvider還有一個(gè)名為Source的屬性，可以直接用它指定XML文檔所在位置（無論是XML文檔是存儲(chǔ)在本地硬盤還是網(wǎng)絡(luò)位置），所以，后臺(tái)代碼也可以寫成如下：

private void BindingInfo(){//XmlDocument doc = new XmlDocument();//doc.Load(@"d:\我的文檔\visual studio 2010\Projects\WpfApplication2\WpfApplication1\StudentData.xml");XmlDataProvider dp = new XmlDataProvider();dp.Source = new Uri(@"d:\我的文檔\visual studio 2010\Projects\WpfApplication2\WpfApplication1\StudentData.xml");// dp.Document = doc;dp.XPath = @"StudentList/Student";this.listView1.DataContext = dp;this.listView1.SetBinding(ListView.ItemsSourceProperty, new Binding());}
XAML最關(guān)鍵的兩句：DisplayMemberBinding="{Binding XPath=@id}"和DisplayMemberBinding="{Binding XPath=Name}"，他們分別為GridView兩列指定了要關(guān)注的XML路徑----很明顯，使用@符號(hào)加字符串表示的是XML元素的Attribute，不加@符號(hào)表示的是子級(jí)元素。

XML語言可以方便的表示樹形數(shù)據(jù)結(jié)構(gòu)，下面的例子是使用TreeView控件來顯示擁有若干層目錄的文件系統(tǒng)，而且，這次把XML數(shù)據(jù)和XMLDataProvider對(duì)象直接寫在XAML里面，代碼中用到了HierarchicalDataTemplate類，這個(gè)類具有ItemsSource屬性，可見由這種Template展示的數(shù)據(jù)是可以有子級(jí)集合的。代碼如下：

<Window x:Class="WpfApplication1.Window11"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Window11" Height="349" Width="545"><Window.Resources><XmlDataProvider x:Key="xdp" XPath="FileSystem/Folder"><x:XData><FileSystem xmlns=""><Folder Name="Books"><Folder Name="Programming"><Folder Name="Windows"><Folder Name="WPF"></Folder><Folder Name="Winform"></Folder><Folder Name="ASP.NET"></Folder></Folder></Folder></Folder><Folder Name="Tools"><Folder Name="Development"/><Folder Name="Designment"/><Folder Name="Players"/></Folder></FileSystem></x:XData></XmlDataProvider></Window.Resources><Grid><TreeView Height="283" HorizontalAlignment="Left" Name="treeView1" VerticalAlignment="Top" Width="511" ItemsSource="{Binding Source={StaticResource ResourceKey=xdp}}"><TreeView.ItemTemplate><HierarchicalDataTemplate ItemsSource="{Binding XPath=Folder}"><TextBlock Height="23" HorizontalAlignment="Left" Name="textBlock1" Text="{Binding XPath=@Name}" VerticalAlignment="Top" /></HierarchicalDataTemplate></TreeView.ItemTemplate></TreeView></Grid> </Window>
注意：

將XmlDataProvider直接寫在XAML代碼里面，那么他的數(shù)據(jù)需要放在<x:XData>標(biāo)簽中。

由于本例子設(shè)計(jì)到了StaticResource和HierarchicalDataTemplate，都是后面的內(nèi)容，相對(duì)比較難懂，等學(xué)習(xí)完后面的Resource和Template章節(jié)之后再回來便會(huì)了然于胸。

程序運(yùn)行效果如下圖：

1.3.10 ? ? ?使用LINQ檢索結(jié)果做為Binding 的源

至3.0版本開始，.NET Framework開始支持LINQ（Language-Intergrated Query ? 語言集成查詢），使用LINQ，我們可以方便的操作集合對(duì)象、DataTable對(duì)象和XML對(duì)象不必動(dòng)輒不動(dòng)把好幾層foreach循環(huán)嵌套在一起卻只是為了完成一個(gè)很簡(jiǎn)單的任務(wù)。

LINQ查詢的結(jié)果是一個(gè)IEnumerable<T>類型對(duì)象，而IEnumerable<T>又派生自IEnumerable，所以它可以作為列表控件的ItemsSource來使用。

先創(chuàng)建一個(gè)名為Student的類：

public class Student{public int Id { get; set; }public string Name { get; set; }public int Age { get; set; }}XAML代碼如下：

后臺(tái)代碼如下：
private void BindingData(){List<Student> infos = new List<Student>(){new Student(){Id=1, Age=29, Name="Tim"},new Student(){Id=1, Age=28, Name="Tom"},new Student(){Id=1, Age=27, Name="Kyle"},new Student(){Id=1, Age=26, Name="Tony"},new Student(){Id=1, Age=25, Name="Vina"},new Student(){Id=1, Age=24, Name="Mike"}};this.listView1.ItemsSource = from stu in infos where stu.Name.StartsWith("T") select stu;}如果數(shù)據(jù)存放在一個(gè)DataTable對(duì)象里面，則后臺(tái)代碼如下：

private void BindingDataByDataTable(){DataTable dtInfo = CreateDataTable();this.listView1.ItemsSource = from row in dtInfo.Rows.Cast<DataRow>()where Convert.ToString(row["Name"]).StartsWith("T")select new Student(){Id = Convert.ToInt32(row["Id"]), Name=Convert.ToString(row["Name"]),Age=Convert.ToInt32(row["Age"])};}如果數(shù)據(jù)存儲(chǔ)在XML里面，存儲(chǔ)格式如下：

<?xml version="1.0" encoding="utf-8" ?> <StudentList><Class><Student Id="0" Age="29" Name="Tim" /><Student Id="0" Age="28" Name="Tom" /><Student Id="0" Age="27" Name="Mess" /></Class><Class><Student Id="0" Age="26" Name="Tony" /><Student Id="0" Age="25" Name="Vina" /><Student Id="0" Age="24" Name="Emily" /></Class> </StudentList>
則代碼是這樣（注意：xd.Descendants("Student")這個(gè)方法，它可以跨XML的層級(jí)）：

private void BindingDataByXml(){XDocument xd = XDocument.Load(@"d:\我的文檔\visual studio 2010\Projects\WpfApplication2\WpfApplication1\testDate.xml");this.listView1.ItemsSource = from element in xd.Descendants("Student")where element.Attribute("Name").Value.StartsWith("T")select new Student(){Name = element.Attribute("Name").Value,Id = Convert.ToInt32(element.Attribute("Id").Value),Age = Convert.ToInt32(element.Attribute("Age").Value)};}

程序運(yùn)行效果如下圖:

1.3.11 ? ?使用ObjectDataProvider作為binding的Source

理想情況下，上游程序員將類設(shè)計(jì)好、使用屬性把數(shù)據(jù)暴露出來，下游程序員將這些類作為Binding的Source、把屬性作為Binding的Path來消費(fèi)這些類。但很難保證一個(gè)類的屬性都用屬性暴露出來，比如我們需要的數(shù)據(jù)可能是方法的返回值。而重新設(shè)計(jì)底層類的風(fēng)險(xiǎn)和成本會(huì)比較高，況且黑盒引用類庫(kù)的情況下我們不可能更改已經(jīng)編譯好的類，這時(shí)候需要使用ObjectDataProvider來包裝做為Binding源的數(shù)據(jù)對(duì)象了。

ObjcetDataProvider 顧名思義就是把對(duì)對(duì)象作為數(shù)據(jù)源提供給Binding。前面還提到過XmlDataProvider，這兩個(gè)類的父類都是DataSourceProvider抽象類。

現(xiàn)在有一個(gè)名為Calculator的類，它具有加、減、乘、除的方法：

public class Caculate{public string Add(string arg1,string arg2){double x = 0;double y = 0;double z = 0;if(double.TryParse(arg1,out x)&&double.TryParse(arg2,out y)){z = x + y;return z.ToString();}return "Iput Error";}//其它方法省略}
我們先寫一個(gè)非常簡(jiǎn)單的小例子來了解下ObjectDataProvider類。隨便新建一個(gè)WPF窗體，窗體內(nèi)拖放一個(gè)控件，控件的Click事件如下：

private void button1_Click(object sender, RoutedEventArgs e){ObjectDataProvider odp = new ObjectDataProvider();odp.ObjectInstance = new Caculate();odp.MethodName="Add";odp.MethodParameters.Add("100");odp.MethodParameters.Add("200");MessageBox.Show(odp.Data.ToString());}
運(yùn)行程序，單擊button我們會(huì)看到如下界面：

通過這個(gè)程序我們可以了解到ObjectDataProvider對(duì)象和它被包裝的對(duì)象關(guān)系如下圖：

了解了ObjectDataProvider的使用方法，我們看看如何把它當(dāng)作Binding的Source來使用。程序的XAML代碼和截圖如下：

這個(gè)程序?qū)崿F(xiàn)的功能是，我在前兩個(gè)TextBox里面輸入值的時(shí)候，第三個(gè)TextBox會(huì)顯示前兩個(gè)文本框里面相加之和。把代碼寫在一個(gè)名為SetBinding的方法里面，然后在窗體的構(gòu)造器里面調(diào)用這個(gè)方法：

private void SetBinding(){ObjectDataProvider objpro = new ObjectDataProvider();objpro.ObjectInstance = new Caculate();objpro.MethodName = "Add";objpro.MethodParameters.Add("0");objpro.MethodParameters.Add("0");Binding bindingToArg1 = new Binding("MethodParameters[0]") { Source=objpro,BindsDirectlyToSource=true, UpdateSourceTrigger= UpdateSourceTrigger.PropertyChanged};Binding bindingToArg2 = new Binding("MethodParameters[1]") { Source=objpro,BindsDirectlyToSource=true,UpdateSourceTrigger=UpdateSourceTrigger.PropertyChanged};Binding bindToResult = new Binding(".") { Source=objpro};this.textBox1.SetBinding(TextBox.TextProperty, bindingToArg1);this.textBox2.SetBinding(TextBox.TextProperty, bindingToArg2);this.textBox3.SetBinding(TextBox.TextProperty,bindToResult);}
讓我們先來分析一下上面兩段代碼，前面說過，ObjectDataProvider類的作用是包裝一個(gè)以方法暴露數(shù)據(jù)的對(duì)象，這里我們先創(chuàng)建了一個(gè)ObjectDataProvider的對(duì)象，然后用一個(gè)Caculate對(duì)象為其ObjectInstance對(duì)象賦值---這就把一個(gè)Caculate對(duì)象包裝在了ObjectDataProvider里面。還有另外一個(gè)辦法來創(chuàng)建被包裝的對(duì)象，那就是告訴包裝對(duì)象被包裝對(duì)象的類型和希望調(diào)用的構(gòu)造器，讓ObjectDataProvider自己來創(chuàng)建對(duì)象，代碼大概是這樣：

//---objpro.ObjectInstance = typeof(Caculate);objpro.ConstructorParameters.Add(arg1);objpro.ConstructorParameters.Add(arg2);//----
因?yàn)樵赬AML中創(chuàng)建對(duì)象比較麻煩，可讀性差，所以我們一般會(huì)在XAML代碼中使用這種指定類型和構(gòu)造器的辦法。

接著，我們使用MethodName屬性指定要調(diào)用的Caculator對(duì)象中名為Add的方法---問題又來了，如果Caculator有多個(gè)構(gòu)造器參數(shù)的方法Add應(yīng)該如何區(qū)分？我們知道，重載方法的區(qū)別在于參數(shù)列表，緊接著兩句就是向MethodParameter屬性里面加入兩個(gè)string類型的參數(shù)，這就相當(dāng)于告訴ObjectDataProvider對(duì)象去調(diào)用Caculator對(duì)象中具有兩個(gè)string類型參數(shù)的Add方法，換句話說，MethodParameter對(duì)于參數(shù)的感應(yīng)是非常敏感的。

準(zhǔn)備好數(shù)據(jù)源之后，我們準(zhǔn)備創(chuàng)建Binding。前面我們已經(jīng)講過使用索引器作為Binding的Path，第一個(gè)Binding它的Source是一個(gè)ObjectDataProvider對(duì)象，Path是ObjectDataProvider中MethodParameters所引用的第一個(gè)元素。BindsDirectlyToSource這句話是告訴Binding只是將UI上的值傳遞給源而不是被ObjectDataProvider包裝的Caculator，同時(shí)UpdateSourceTrigger設(shè)置為UI只要一有變化就更新Source。第二個(gè)Binding只是對(duì)第一個(gè)的翻版，只是把Path屬性指向了第二個(gè)元素。第三個(gè)binding仍然使用ObjectDataProvider作為Source，但使用“.”作為Path----前面講過，當(dāng)數(shù)據(jù)源本身就是數(shù)據(jù)的時(shí)候就用“.”來做為Path，在XAML中"."可以不寫。

注意：

在ObjectDataProvider對(duì)象作為Binding的Source的時(shí)候，這個(gè)對(duì)象本身就代表了數(shù)據(jù)，所以這里的Path使用的“.”，而不是Data屬性。

最后幾行就是將Binding對(duì)象關(guān)聯(lián)到3個(gè)TextBox對(duì)象上。程序運(yùn)行效果如下：

一般情況下數(shù)據(jù)從那里來，哪里就是Binding的Source，數(shù)據(jù)到哪里去，哪里就是Binding 的Target。按這個(gè)理論，前兩個(gè)TextBox應(yīng)該是ObjcetDataProvider的源，而ObjcetDataProvider對(duì)象又是最后一個(gè)TextBox的源。但實(shí)際上，三個(gè)TextBox都以O(shè)bjcetDataProvider作為數(shù)據(jù)源，只是前兩個(gè)在數(shù)據(jù)流向上做了限制，這樣做的原因不外乎有兩個(gè)：

1、ObjcetDataProvider的MethodParameter不是依賴屬性，不能作為Binding的目標(biāo)。

2、數(shù)據(jù)驅(qū)動(dòng)UI理念要求我們盡可能的使用數(shù)據(jù)對(duì)象作為Binding的Source而把UI當(dāng)做Binding的Target。

1.3.12 ? ?使用Binding的RelativeSource

當(dāng)一個(gè)Binding有明確的來源的時(shí)候，我們可以通過Source或者ElementName賦值的辦法讓Binding與之關(guān)聯(lián)。有些時(shí)候我們不能確定作為Source對(duì)象叫什么名字，但是我們知道它與做為Binding目標(biāo)對(duì)象在UI上的相對(duì)關(guān)系，比如控件自己關(guān)聯(lián)自己的某個(gè)數(shù)據(jù)，關(guān)聯(lián)自己某級(jí)容器的數(shù)據(jù)，這時(shí)候就需要用到Binding的RelativeSource屬性。

RelativeSource屬性的類型是RelativeSource類，通過這個(gè)類的幾個(gè)靜態(tài)或者非靜態(tài)的屬性我們可以控制它搜索相對(duì)數(shù)據(jù)源的方式。請(qǐng)看下面這段代碼：

<Window x:Class="WpfApplication1.Window15"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Window15" Height="375" Width="516"><Grid Background="Red" Margin="10" x:Name="gd1"><DockPanel x:Name="dp1" Margin="10" Background="Orange"><Grid Background="Yellow" Margin="10" x:Name="gd2"><DockPanel Name="dp2" Margin="10" Background="LawnGreen"><TextBox Name="textBox1" Margin="10" FontSize="24"/></DockPanel></Grid></DockPanel></Grid> </Window> 界面運(yùn)行結(jié)果如下：

我們把TextBox的Text屬性關(guān)聯(lián)到外層容器的Name屬性上。在窗體的構(gòu)造器里面添加如下幾行代碼：

RelativeSource rs = new RelativeSource(RelativeSourceMode.FindAncestor);rs.AncestorLevel = 1;rs.AncestorType = typeof(Grid);Binding bind = new Binding("Name") { RelativeSource = rs };this.textBox1.SetBinding(TextBox.TextProperty, bind);或在XAML代碼中插入等效代碼：

<TextBox Name="textBox1" Margin="10" FontSize="24" Text="{Binding Path=Name, RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type Grid},AncestorLevel=1}}"/>AncestorLevel屬性指定的是以Binding目標(biāo)控件為起點(diǎn)的層級(jí)偏移量---gd2的偏移量是1，gd2的偏移量是2，依次類推。AncestorType屬性告訴Binding去找什么類型的對(duì)象作為自己的源，不是這個(gè)類型的對(duì)象會(huì)被跳過。上面這段代碼的意思是告訴Binding從自己的第一層依次向外找，找到第一個(gè)Grid類型對(duì)象后把它當(dāng)作自己的源。運(yùn)行效果如下圖：

如果把代碼改成如下這樣：

RelativeSource rs = new RelativeSource(RelativeSourceMode.FindAncestor);rs.AncestorLevel = 2;rs.AncestorType = typeof(DockPanel);Binding bind = new Binding("Name") { RelativeSource = rs };this.textBox1.SetBinding(TextBox.TextProperty, bind);
或者把XAML代碼改成如下：

Text="{Binding Path=Name, RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type DockPanel},AncestorLevel=2}}"運(yùn)行效果如下：

如果TextBox需要關(guān)聯(lián)自身的Name屬性，那么代碼應(yīng)該這樣寫：

RelativeSource rs = new RelativeSource(RelativeSourceMode.Self);Binding bind = new Binding("Name") { RelativeSource = rs };this.textBox1.SetBinding(TextBox.TextProperty, bind);
對(duì)應(yīng)的XAML代碼如下：

Text="{Binding Path=Name, RelativeSource={RelativeSource Mode=Self}}"運(yùn)行效果如下圖：

RelativeSource類的Mode屬性是RelativeSourceMode枚舉，它的值有：PriviousData、TemplatedParent、Self和FindAncestor。RelativeSource還有3個(gè)靜態(tài)屬性：PriviousData、Self、TemplatedParent，它們的類型是RelativeSource類。實(shí)際上這3個(gè)靜態(tài)屬性就是創(chuàng)建一個(gè)RelativeSource的實(shí)例、把實(shí)例的Mode設(shè)置為相對(duì)應(yīng)的值，然后返回這個(gè)實(shí)例。之所以準(zhǔn)備這3個(gè)靜態(tài)屬性是為了在XAML代碼里面直接獲取RelativeSource實(shí)例。

在DataTemplate中經(jīng)常用到這這3個(gè)靜態(tài)屬性，學(xué)習(xí)DataTemplate的時(shí)候請(qǐng)留意它們的使用方法。

1.4 ? ? ?binding對(duì)數(shù)據(jù)的轉(zhuǎn)換和校驗(yàn)

前面我們已經(jīng)知道Binding的作用就是架在Source和Target之間的橋梁，數(shù)據(jù)可以在這座橋梁的幫助下來流通。就像現(xiàn)實(shí)社會(huì)中橋梁需要設(shè)置安檢和關(guān)卡一樣，Binding這座橋上也可以設(shè)置關(guān)卡對(duì)數(shù)據(jù)進(jìn)行驗(yàn)證，不僅如此，如果Binding兩端需要不同的數(shù)據(jù)類型的時(shí)候我們還可以為數(shù)據(jù)設(shè)置轉(zhuǎn)換器。

Binding用于數(shù)據(jù)有效性校驗(yàn)的關(guān)卡是他的ValidationRules屬性，用于數(shù)據(jù)類型轉(zhuǎn)換的關(guān)卡是它的Convert屬性。

1.4.1 ? ? ? ? ?Binding的數(shù)據(jù)校驗(yàn)

Binding的ValidationRules屬性是Collection<ValidationRule>，從它的名稱和數(shù)據(jù)類型我們可以得知可以為每個(gè)Binding設(shè)置多個(gè)數(shù)據(jù)校驗(yàn)條件，每一個(gè)條件是一個(gè)ValidationRule對(duì)象。ValidationRule是一個(gè)抽象類，在使用的時(shí)候我們需要?jiǎng)?chuàng)建它的派生類并實(shí)現(xiàn)它的Validate方法的返回值是ValidateionResult類型對(duì)象，如果通過驗(yàn)證，就把ValidateionResult對(duì)象的IsValidate屬性設(shè)為true，反之，則需要將IsValidate設(shè)置為false并為其ErrorContent屬性設(shè)置一個(gè)合適的消息內(nèi)容（一般是字符串）。

下面這個(gè)程序的UI繪制一個(gè)TextBox和一個(gè)Slider，然后在后臺(tái)C#代碼中建立Binding把它們關(guān)聯(lián)起來---- 已Slide為源，TextBox為目標(biāo)。Slider的取值范圍是0~100，也就是說我們需要驗(yàn)證TextBox中輸入的值是不是在0~100之間。

程序的XAML部分如下：

<Window x:Class="WpfApplication1.Window16"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Window16" Height="300" Width="300"><StackPanel Background="AliceBlue" Margin="10"><TextBox Height="23" Name="textBox1" Width="200" Margin="20"/><Slider Height="23" Name="slider1" Width="219" Maximum="100" /></StackPanel> </Window> 為了進(jìn)行校驗(yàn)，我們準(zhǔn)備一個(gè)ValidationRule的派生類，內(nèi)容如下：

public class RangeValidationRule : ValidationRule{public override ValidationResult Validate(object value, System.Globalization.CultureInfo cultureInfo){double d = 0;if(double.TryParse(value.ToString(),out d)){if(d>=0&&d<=100){return new ValidationResult(true,null);}}return new ValidationResult(false,"ErrorContent");}}
然后在窗體里面建立Binding：

public Window16(){InitializeComponent();Binding bind =new Binding("Value") { UpdateSourceTrigger= UpdateSourceTrigger.PropertyChanged,Source=slider1, Mode= BindingMode.TwoWay};ValidationRule rule = new RangeValidationRule();rule.ValidatesOnTargetUpdated = true;bind.ValidationRules.Add(rule);this.textBox1.SetBinding(TextBox.TextProperty, bind);}完成后運(yùn)行程序，當(dāng)輸入0~100之間的值的時(shí)候程序正常顯示，但是輸入?yún)^(qū)間之外的值的時(shí)候TextBox會(huì)顯示為紅色邊框，表示值是錯(cuò)誤的，不能傳值給Source。效果如下圖：

先把Silider的取值范圍從0~100改為-100~200：

你也許回想，在驗(yàn)證錯(cuò)誤的時(shí)候，ValidationResult會(huì)攜帶一條錯(cuò)誤信息，那么如何使用這條錯(cuò)誤信息呢？想要用到這一點(diǎn)，需要用到后面會(huì)詳細(xì)講解到的知識(shí)-----路由事件（Routed Event）。

首先在創(chuàng)建Binding 的時(shí)候要把Binding的對(duì)象的NotifyOnValidationError屬性設(shè)置為true，這樣，當(dāng)數(shù)據(jù)校驗(yàn)失敗的時(shí)候Binding就像報(bào)警器一樣發(fā)出一個(gè)信號(hào)。這個(gè)信號(hào)會(huì)在已Binding對(duì)象的Target為起點(diǎn)的UI樹上進(jìn)行傳播。信號(hào)沒到達(dá)一個(gè)節(jié)點(diǎn)，如果這個(gè)節(jié)點(diǎn)設(shè)置了對(duì)這種信號(hào)的偵聽器（事件處理器），那么這個(gè)偵聽器就會(huì)被觸發(fā)并處理這個(gè)信號(hào)，信號(hào)處理完畢后，還可以是否讓信號(hào)繼續(xù)沿著UI樹向上傳播---這就是路由事件。信號(hào)在UI樹上傳遞的過程稱為路由（Route）。

建立Binding的代碼如下：

public Window16(){InitializeComponent();Binding bind =new Binding("Value") { UpdateSourceTrigger= UpdateSourceTrigger.PropertyChanged,Source=slider1, Mode= BindingMode.TwoWay};ValidationRule rule = new RangeValidationRule();rule.ValidatesOnTargetUpdated = true;bind.ValidationRules.Add(rule);bind.NotifyOnValidationError = true;this.textBox1.SetBinding(TextBox.TextProperty, bind);this.textBox1.AddHandler(Validation.ErrorEvent, new RoutedEventHandler(ValidationError));}
用于偵聽校驗(yàn)錯(cuò)誤事件的事件處理器如下：

private void ValidationError(object sender, RoutedEventArgs e){if (Validation.GetErrors(textBox1).Count > 0){this.textBox1.ToolTip = Validation.GetErrors(textBox1)[0].ErrorContent.ToString();}else{this.textBox1.ToolTip = "";}}
程序如果校驗(yàn)失敗，就會(huì)使用ToolTip提示用戶，如下圖：

1.4.2 ? ?Binding的數(shù)據(jù)轉(zhuǎn)換

前面的很多例子我們都在使用Binding將TextBox和Slider之間建立關(guān)聯(lián)----Slider控件作為Source（Path的Value屬性），TextBox作為Target（目標(biāo)屬性為Text）。不知道大家有沒有注意到，Slider的Value屬性是Double類型值，而TextBox的Text屬性是string類型的值，在C#這種強(qiáng)類型語言中卻可以來往自如，是怎么回事呢？

原來Binding還有另外一種機(jī)制稱為數(shù)據(jù)轉(zhuǎn)換，當(dāng)Source端指定的Path屬性值和Target端指定的目標(biāo)屬性不一致的時(shí)候，我們可以添加數(shù)據(jù)轉(zhuǎn)換器（DataConvert）。上面我們提到的問題實(shí)際上就是double和stirng類型相互轉(zhuǎn)換的問題，因?yàn)樘幚砥饋肀容^簡(jiǎn)單，所以WPF類庫(kù)就自己幫我們做了，但有些數(shù)據(jù)類型轉(zhuǎn)換就不是WPF能幫我們做的了，例如下面的這種情況：

Source里面的值是Y、N、X三個(gè)值（可能是Char類型，string類型或者自定義枚舉類型），UI上對(duì)應(yīng)的是CheckBox控件，需要把這三個(gè)值映射為它的IsChecked屬性值（bool類型）。
當(dāng)TextBox里面必須輸入的有類容時(shí)候用于登錄的Button才會(huì)出現(xiàn)，這是string類型與Visibility枚舉類型或bool類型之間的轉(zhuǎn)換（Binding的Model將是oneway）。
Source里面的值有可能是Male或FeMale（string或枚舉），UI是用于顯示圖片的Image控件，這時(shí)候需要把Source里面值轉(zhuǎn)換為對(duì)應(yīng)的頭像圖片URI（亦是oneway）。

當(dāng)遇到這些情況，我們只能自己動(dòng)手寫Converter，方法是創(chuàng)建一個(gè)類并讓這個(gè)類實(shí)現(xiàn)IValueConverter接口，IValueConverter定義如下：

public interface IValueConverter{object Convert(object value, Type targetType, object parameters, CultureInfo culture);object ConvertBack(object value, Type targetType, object parameters, CultureInfo culture);}當(dāng)數(shù)據(jù)從Binding的Source流向Target的時(shí)候，Convert方法將被調(diào)用；反之ConvertBack將被調(diào)用。這兩個(gè)方法的參數(shù)列表一模一樣：第一個(gè)參數(shù)為Object。最大限度的保證了Convert的重要性。第二個(gè)參數(shù)用于確定返回參數(shù)的返回類型。第三個(gè)參數(shù)為了將額外的參數(shù)傳入方法，若需要傳遞多個(gè)信息，則需要將信息做為一個(gè)集合傳入即可。

Binding對(duì)象的Mode屬性將影響這兩個(gè)方法的調(diào)用；如果Mode為TwoWay或Default行為與TwoWay一致則兩個(gè)方法都有可能被調(diào)用。如果Mode是OneWay或者Default行為與OneWay一致則只有Convert方法會(huì)被調(diào)用。其它情況同理。

下面這個(gè)例子是一個(gè)Converter的綜合實(shí)例，程序的用途是向玩家顯示一些軍用飛機(jī)的狀態(tài)信息。

首先創(chuàng)建幾個(gè)自定義數(shù)據(jù)類型：

public enum Category{Bomber,Fighter}public enum State{Available,Locked,Unknown}public class Plane{public Category category { get; set; }public State state { get; set; }public string name { get; set; }}
在UI里，Category的狀態(tài)被映射為圖標(biāo)，這兩個(gè)圖標(biāo)已經(jīng)被我放入項(xiàng)目中，如圖：

同時(shí)飛機(jī)的State屬性在UI里面被映射為CheckBox。因?yàn)榇嬖谝陨蟽煞N映射關(guān)系。我們需要提供兩個(gè)Converter：一個(gè)有Categroy類型單向轉(zhuǎn)換為string類型（XAML會(huì)把string解析為圖片資源），另一個(gè)是State和bool類型直接的雙向轉(zhuǎn)換。代碼如下：

public class CategoryToSourceConverter:IValueConverter{public object Convert(object value, Type targetType, object parameters, System.Globalization.CultureInfo culture){Category category = (Category)value;switch (category){case Category.Bomber:return @"ICONS/Bomber.png";case Category.Fighter:return @"ICONS/Fighter.png";default:return null;}}public object ConvertBack(object value, Type targetType, object parameters, System.Globalization.CultureInfo culture){throw new NotImplementedException();}}
public class StateToNullableBoolConverter:IValueConverter{public object Convert(object value, Type targetType, object parameters, System.Globalization.CultureInfo culture){State state = (State)value;switch (state){case State.Available:return true;case State.Locked:return false;case State.Unknown:default:return null;}}public object ConvertBack(object value, Type targetType, object parameters, System.Globalization.CultureInfo culture){bool? nb = (bool?)value;switch (nb){case true:return State.Available;case false:return State.Locked;case null:default:return State.Unknown;}}}
下面我們來看看如何在XAML代碼里面來消費(fèi)這些Converter：

<Window x:Class="WpfApplication1.Window17"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:WpfApplication1.BLL"Title="Window17" Height="327" Width="460"><Window.Resources><local:CategoryToSourceConverter x:Key="cts" /><local:StateToNullableBoolConverter x:Key="snb" /></Window.Resources><StackPanel Name="stackPanel1" Background="AliceBlue" Margin="10"><ListBox Name="listBox1" Height="160" Margin="5"><ListBox.ItemTemplate><DataTemplate><StackPanel Orientation="Horizontal"><Image Height="16" Name="image1" Stretch="Fill" Width="16" Source="{Binding Path=category,Converter={StaticResource cts}}"/><TextBlock Height="23" Name="textBlock1" Text="{Binding name}" Margin="8,0" Width="80"/><CheckBox Height="16" Name="checkBox1" IsChecked="{Binding Path=state,Converter={StaticResource snb}}" IsThreeState="True"/></StackPanel></DataTemplate></ListBox.ItemTemplate></ListBox><Button Content="Load" Height="23" Name="button1" Width="131" Margin="5" Click="button1_Click" /><Button Content="Save" Height="23" Name="button2" Width="131" Margin="5" Click="button2_Click" /></StackPanel> </Window> Load按鈕的事件處理器負(fù)責(zé)把一組飛機(jī)的數(shù)據(jù)賦值給ListBox的ItemSource屬性，Save的Click事件負(fù)責(zé)把用戶修改過的數(shù)據(jù)寫入文件：

/// <summary>/// Load按鈕事件處理器/// </summary>/// <param name="sender"></param>/// <param name="e"></param>private void button1_Click(object sender, RoutedEventArgs e){List<Plane> infos = new List<Plane>() { new Plane(){ category= Category.Bomber,name="B-1", state= State.Unknown},new Plane(){ category= Category.Bomber,name="B-2", state= State.Unknown},new Plane(){ category= Category.Fighter,name="F-22", state= State.Locked},new Plane(){ category= Category.Fighter,name="Su-47", state= State.Unknown},new Plane(){ category= Category.Bomber,name="B-52", state= State.Available},new Plane(){ category= Category.Fighter,name="J-10", state= State.Unknown},};this.listBox1.ItemsSource = infos;}/// <summary>/// Save按鈕事件處理器/// </summary>/// <param name="sender"></param>/// <param name="e"></param>private void button2_Click(object sender, RoutedEventArgs e){StringBuilder sb = new StringBuilder();foreach (Plane item in listBox1.Items){sb.AppendLine(string.Format("Categroy={0},State={1},Name={2}",item.category,item.state,item.name));}File.WriteAllText(@"D:\PlaneList.text",sb.ToString());}
運(yùn)行程序，單擊CheckBox修改飛機(jī)的State，如圖：

單擊Save后打開D:\\PlaneList.text數(shù)據(jù)如下圖：

1.5 ? MultiBinding(多路Binding)

有時(shí)候UI需要顯示的數(shù)據(jù)來源不止一個(gè)數(shù)據(jù)來源決定，這個(gè)時(shí)候就需要用到MultiBinding，即多路綁定。MultiBinding與Binding一樣均以BindingBase為基類，也就是說，凡是能用Binding的場(chǎng)合都能使用MultiBinding。MutiBinding具有一個(gè)Bindings的屬性，其類型是Connection<BindingBase>，通過這個(gè)屬性,MultiBinding把一組Binding對(duì)象聚合起來，處在這個(gè)Binding結(jié)合中的對(duì)象可以擁有自己的數(shù)據(jù)校驗(yàn)和轉(zhuǎn)換機(jī)制。它們匯集起來的數(shù)據(jù)將共同決定傳往MultiBinding目標(biāo)的數(shù)據(jù)。如下圖：

考慮這樣一個(gè)需求，有一個(gè)用于新用戶注冊(cè)的UI（4個(gè)TextBox和一個(gè)Button），還有如下一些限定：

第一，二個(gè)TextBox用于輸入用戶名，要求數(shù)據(jù)必須一致。
第三，四個(gè)TextBox用于顯示輸入的郵箱，要求數(shù)據(jù)必須一致。
當(dāng)TextBox的內(nèi)容全部符合要求的時(shí)候，Button可用。

此UI的XAML代碼如下：

<Window x:Class="WpfApplication1.Window18"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Window18" Height="300" Width="300"><StackPanel Name="stackPanel1" Margin="10" Background="AliceBlue"><TextBox Height="23" Name="textBox1" Margin="5" /><TextBox Height="23" Name="textBox2" Margin="5" /><TextBox Height="23" Name="textBox3" Margin="5" /><TextBox Height="23" Name="textBox4" Margin="5" /><Button Content="Regist" Height="23" Name="btnSubmit" Width="75" Margin="10"/></StackPanel> </Window>
后臺(tái)代碼如下：

public Window18(){InitializeComponent();SetBinding();}private void SetBinding(){//準(zhǔn)備基礎(chǔ)BindingBinding bind1 = new Binding("Text") { Source=textBox1};Binding bind2 = new Binding("Text") { Source = textBox2 };Binding bind3 = new Binding("Text") { Source = textBox3 };Binding bind4 = new Binding("Text") { Source = textBox4 };//準(zhǔn)備MultiBindingMultiBinding mb = new MultiBinding() { Mode= BindingMode.OneWay};mb.Bindings.Add(bind1);//注意，MultiBinding對(duì)子元素的順序是很敏感的。mb.Bindings.Add(bind2);mb.Bindings.Add(bind3);mb.Bindings.Add(bind4);mb.Converter = new MultiBindingConverter();///將Binding和MultyBinding關(guān)聯(lián)this.btnSubmit.SetBinding(Button.IsVisibleProperty, mb);}
注意：

MultiBinding對(duì)子元素的順序非常敏感，因?yàn)檫@個(gè)數(shù)據(jù)決定了匯集到Convert里數(shù)據(jù)的順序。
MultiBinding的Converter實(shí)現(xiàn)的是IMultiValueConverter。

本例的Converter代碼如下：

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows.Data;namespace WpfApplication1.BLL {public class MultiBindingConverter:IMultiValueConverter{public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture){if(!values.Cast<string>().Any(text=>string.IsNullOrEmpty(text))&&values[0].ToString()==values[1].ToString()&&values[3].ToString()==values[4].ToString()){return true;}return false;}/// <summary>/// 該方法不會(huì)被調(diào)用/// </summary>/// <param name="value"></param>/// <param name="targetTypes"></param>/// <param name="parameter"></param>/// <param name="culture"></param>/// <returns></returns>public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture){throw new NotImplementedException();}} } 程序運(yùn)行效果如圖：

? ??

小結(jié)：

WPF的核心理念是變傳統(tǒng)的UI驅(qū)動(dòng)數(shù)據(jù)變成數(shù)據(jù)驅(qū)動(dòng)UI，支撐這個(gè)理念的基礎(chǔ)就是本章講的Data Binding和與之相關(guān)的數(shù)據(jù)校驗(yàn)和數(shù)據(jù)轉(zhuǎn)換。在使用Binding的時(shí)候，最重要的就是設(shè)置它的源和路徑。

Data Binding到此講解完畢。

轉(zhuǎn)載請(qǐng)注明出處:http://blog.csdn.net/fwj380891124

總結(jié)

以上是生活随笔為你收集整理的WPF之Binding深入探讨的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

WPF
Binding

上一篇：解决Visual Studio 2017
下一篇： CString与char之间的转换