show toc
歡迎來到 MSDN >
Windows 開發(fā)Windows Presentation Foundation 數(shù)據(jù)綁定：第一部分
發(fā)布日期： 2006-6-5 | 更新日期： 2006-6-5
適用于：
Microsoft Windows Presentation Foundation
摘要：本文闡釋如何使用基于 XAML 的數(shù)據(jù)綁定在 Microsoft Windows Presentation Foundation 項目中執(zhí)行數(shù)據(jù)操作。
本頁內(nèi)容
簡介簡化的 XAML 綁定我們所處的位置參考資料簡介
Windows Presentation Foundation（以前稱作 Avalon）為胖客戶端開發(fā)用戶界面引入了一個意義深遠(yuǎn)的新方法。WPF 第一次將用戶界面設(shè)計與代碼設(shè)計相分離。這種分離意味著，通常標(biāo)記在一個文件中而代碼則在另一個文件中，這與 ASP.NET 很類似。然而，這種分離僅在編譯時存在。標(biāo)記文件用于生成形成代碼文件的代碼，進(jìn)而生成應(yīng)用程序。
為了便于設(shè)計，Microsoft 開發(fā)了一種豐富的標(biāo)記語言，稱作 XAML。XAML 是一種基于 XML 的標(biāo)記語言，它支持一個用于開發(fā)特定應(yīng)用程序的新模型，這些應(yīng)用程序具有對許多不同的用戶界面概念的本機(jī)支持，如 2D 和 3D 繪圖、動畫、控件包容、控件和文檔流，以及一個豐富的數(shù)據(jù)綁定模型。本文將概述 WPF 數(shù)據(jù)綁定，并假定您對 WPF 有一定的了解。如果您還不了解 WPF，請參閱 Tim Sneath 的
Architectural Overview of the Windows Presentation Foundation Beta 1 Release 一文進(jìn)行概覽。
為什么使用數(shù)據(jù)綁定？
如果您要開始使用 WPF，可能想知道：不用學(xué)習(xí)數(shù)據(jù)綁定，只編寫代碼來執(zhí)行項目中的大部分?jǐn)?shù)據(jù)操作是否更容易。雖然這可能是一個有效的方法，但我猜想您將逐漸使用基于 XAML 的數(shù)據(jù)綁定，甚至可能會愛上它。下面我們來看一個小示例。
圖 1 顯示一個簡單 WPF 項目的用戶界面。它是 RSS 提要的編輯器，允許用戶查看和編輯提要。
圖 1. 我們的 RSS 編輯器
該編輯器的布局相當(dāng)簡單，如以下 XAML 代碼所示。
<Window x:Class="ExampleCS.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="ExampleCS" Loaded="Window1_Loaded" > <StackPanel> <TextBlock HorizontalAlignment="Center" FontWeight="Bold"> BlogEditor </TextBlock> <StackPanel Orientation="Horizontal" HorizontalAlignment="Center"> <ListBox Name="entryListBox" Height="300" SelectionChanged="entryListBox_Changed"/> <Grid Width="500" Margin="5"> <Grid.ColumnDefinitions> <ColumnDefinition Width="50" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="25" /> <RowDefinition Height="25" /> <RowDefinition Height="25" /> <RowDefinition Height="*" /> <RowDefinition Height="25" /> </Grid.RowDefinitions> <TextBlock Grid.Row="0" Grid.Column="0">Title:</TextBlock> <TextBox Grid.Row="0" Grid.Column="1" Name="titleText" /> <TextBlock Grid.Row="1" Grid.Column="0">Url:</TextBlock> <TextBox Grid.Row="1" Grid.Column="1" Name="urlText" /> <TextBlock Grid.Row="2" Grid.Column="0">Date:</TextBlock> <TextBox Grid.Row="2" Grid.Column="1" Name="dateText" /> <TextBlock Grid.Row="3" Grid.Column="0">Body:</TextBlock> <TextBox Grid.Row="3" Grid.Column="1" Name="bodyText" TextWrapping="Wrap" /> <Button Grid.Row="4" Grid.ColumnSpan="2" Grid.Column="1" Click="updateButton_Click"> Update </Button> </Grid> </StackPanel> </StackPanel> </Window>
請注意加粗顯示的事件處理程序。那里是大部分代碼將發(fā)生的地方，加載 RSS 提要并填充 WPF 控件。
C#：
XMLDocument blog = new XMLDocument(); const string BLOGURL = @"z:\adoguy.RSS"; public Window1() { InitializeComponent(); blog.Load(BLOGURL); } void Window1_Loaded(object sender, RoutedEventArgs e) { FillListBox(); } void FillListBox() { entryListBox.Items.Clear(); XMLNodeList nodes = blog.SelectNodes("http://item"); foreach (XMLNode node in nodes) { ListBoxItem item = new ListBoxItem(); item.Tag = node; item.Content = node["title"].InnerText; entryListBox.Items.Add(item); } }
Visual Basic .NET：
Dim blog As New XMLDocument Const BLOGURL As String = "z:\adoguy.RSS" Public Sub New() InitializeComponent() blog.Load(BLOGURL) End Sub Sub Window1_Loaded(ByVal sender As Object, _ ByVal e As RoutedEventArgs) FillListBox() End Sub Sub FillListBox() entryListBox.Items.Clear() Dim nodes As XMLNodeList = blog.SelectNodes("http://item") For Each node As XMLNode In nodes Dim item As New ListBoxItem item.Tag = node item.Content = node("title").InnerText entryListBox.Items.Add(item) Next End Sub
在這段代碼中，您可以看到：我們用 RSS 提要加載一個 XML 文檔，用所有項的標(biāo)題填充 ListBox。
接下來，我們需要處理在 ListBox 中進(jìn)行選擇時將發(fā)生的事情。
C#：
void entryListBox_Changed(object sender, RoutedEventArgs e) { if (entryListBox.SelectedIndex != -1) { XMLNode node = ((ListBoxItem)entryListBox.SelectedItem).Tag as XMLNode; if (node != null) { titleText.Text = node["title"].InnerText; URLText.Text = node["guid"].InnerText; dateText.Text = node["pubDate"].InnerText; bodyText.Text = node["description"].InnerText; } } }
Visual Basic .NET：
Sub entryListBox_Changed(ByVal sender As Object, _ ByVal e As SelectionChangedEventArgs) If entryListBox.SelectedIndex <> -1 Then Dim node As XMLNode = CType(entryListBox.SelectedItem, ListBoxItem).Tag If Not node Is Nothing Then titleText.Text = node("title").InnerText URLText.Text = node("guid").InnerText dateText.Text = node("pubDate").InnerText bodyText.Text = node("description").InnerText End If End If End Sub
當(dāng) ListBox 更改時，我們用所選的 RSS 提要項填充 TextBoxes。可以通過獲取提要項的內(nèi)部文本來執(zhí)行該操作。請注意，我們還需要用 ListBoxItem, 保留節(jié)點的一份副本，進(jìn)行一些轉(zhuǎn)換以到達(dá)每個事件處理程序。
最后，我們需要處理單擊 Update 按鈕時發(fā)生的事情。
C#：
void updateButton_Click(object sender, RoutedEventArgs e) { if (entryListBox.SelectedIndex != -1) { XMLNode node = ((ListBoxItem)entryListBox.SelectedItem).Tag as XMLNode; if (node != null) { node["title"].InnerText = titleText.Text; node["guid"].InnerText = URLText.Text; node["pubDate"].InnerText = dateText.Text; node["description"].InnerText = bodyText.Text; blog.Save(BLOGURL); FillListBox(); } } }
Visual Basic .NET：
Sub updateButton_Click(ByVal sender As Object, _ ByVal e As RoutedEventArgs) If entryListBox.SelectedIndex <> -1 Then Dim node As XMLNode = CType(entryListBox.SelectedItem, ListBoxItem).Tag If Not node Is Nothing Then node("title").InnerText = titleText.Text node("guid").InnerText = URLText.Text node("pubDate").InnerText = dateText.Text node("description").InnerText = bodyText.Text blog.Save(BLOGURL) FillListBox() End If End If End Sub
在此處，假如更改了標(biāo)題，我們用新信息更新節(jié)點，保存 XML 文檔，并導(dǎo)致重新填充 ListBox。盡管這只是一個簡單的小應(yīng)用程序，但需要的代碼還是有點兒多。使用 XAML 數(shù)據(jù)綁定執(zhí)行該操作是否會簡單些？是的，會更簡單。以下是同一個項目的 XAML，使用 XAML 數(shù)據(jù)綁定。
<StackPanel.Resources> <b><XMLDataProvider x:Key="RSSFeed" Source="z:\adoguy.RSS" /></b> </StackPanel.Resources> <TextBlock HorizontalAlignment="Center" FontWeight="Bold"> Blog Editor </TextBlock> <StackPanel Orientation="Horizontal" HorizontalAlignment="Center"> <ListBox Name="entryListBox" Height="300" <b>ItemsSource="{Binding Source={StaticResource RSSFeed}, XPath=//item}"</b> > <ListBox.ItemTemplate> <DataTemplate> <TextBlock <b>Text="{Binding XPath=title}"</b> /> </DataTemplate> </ListBox.ItemTemplate> </ListBox> <Grid Width="500" Margin="5" <b>DataContext="{Binding ElementName=entryListBox, Path=SelectedItem}"</b> > <Grid.ColumnDefinitions> <ColumnDefinition Width="50" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="25" /> <RowDefinition Height="25" /> <RowDefinition Height="25" /> <RowDefinition Height="*" /> <RowDefinition Height="25" /> </Grid.RowDefinitions> <TextBlock Grid.Row="0" Grid.Column="0">Title:</TextBlock> <TextBox Grid.Row="0" Grid.Column="1" Name="titleText" <b>Text="{Binding XPath=title}"</b> /> <TextBlock Grid.Row="1" Grid.Column="0">URL:</TextBlock> <TextBox Grid.Row="1" Grid.Column="1" Name="URLText" <b> Text="{Binding XPath=guid}"</b> /> <TextBlock Grid.Row="2" Grid.Column="0">Date:</TextBlock> <TextBox Grid.Row="2" Grid.Column="1" Name="dateText" <b>Text="{Binding XPath=pubDate}"</b> /> <TextBlock Grid.Row="3" Grid.Column="0">Body:</TextBlock> <TextBox Grid.Row="3" Grid.Column="1" Name="bodyText" TextWrapping="Wrap" <b>Text="{Binding XPath=description}"</b> /> <Button Grid.Row="4" Grid.ColumnSpan="2" Grid.Column="1" > Update </Button> </Grid> </StackPanel> </StackPanel>
這段 XAML 代碼運(yùn)行時沒有任何隱藏的代碼。圖 2 顯示只使用 XAML 的應(yīng)用程序（使用 XAMLPad）。
圖 2. XAMLPad 中的 RSS 編輯器
您可能想知道"它是如何運(yùn)行的"？它之所以運(yùn)行，是因為我們使用 XAML 綁定來為我們做大量的工作。雖然以后會詳細(xì)介紹 XAML 中涉及的每項技術(shù)，但我們還是先瀏覽一下數(shù)據(jù)綁定的各部分內(nèi)容，從而解釋它在實際工作中的情況。
首先，創(chuàng)建一個 XMLDataProvider 對象來加載和管理編輯器的 XML 文檔。
<XmlDataProvider x:Key="RssFeed" Source="z:\adoguy.RSS" />
它告訴 XAML 從 Z: 驅(qū)動器加載一個 XML 文檔，以填充窗體。
接下來，綁定 ListBox。
<ListBox Name="entryListBox" Height="300" ItemsSource="{Binding Source={StaticResource RssFeed}, XPath=//item}" >
這段代碼告訴列表框查找名為 RSSFeed 的 XAML 中的資源，然后將其用作數(shù)據(jù)源。此外，它還告訴列表框從 XPath 表達(dá)式獲得要綁定到的項的列表（在本例中是文檔中的所有項元素）。
接下來，通過指定數(shù)據(jù)模板來指定要在列表框的各項中顯示的內(nèi)容。
<DataTemplate> <TextBlock Text="{Binding XPath=title}" /> </DataTemplate>
這段代碼告訴 ListBox 為每項創(chuàng)建一個 TextBlock 對象，并使用 XPath 確定要在 TextBlock 中顯示的內(nèi)容。
接下來，綁定包含所有詳細(xì)信息的網(wǎng)格。
<Grid Width="500" Margin="5" DataContext="{Binding ElementName=entryListBox, Path=SelectedItem}" >
在此處，我們告訴 XAML 將容器（在本例中是 Grid）綁定到 ListBox 的選定項。我們使用 ElementName 而不是 Source，因為我們希望綁定到 XAML 文檔中的某個控件，而不是一些外部數(shù)據(jù)。通過設(shè)置 DataContext，允許將 Grid 中的所有控件設(shè)置為同一個對象（在本例中是 SelectedItem）。
接下來，我們將每個 TextBox 綁定到所需的 XML 文檔部分。
<TextBlock Grid.Row="0" Grid.Column="0">Title:</TextBlock> <TextBox Grid.Row="0" Grid.Column="1" Name="titleText" Text="{Binding XPath=title}" /> <TextBlock Grid.Row="1" Grid.Column="0">Url:</TextBlock> <TextBox Grid.Row="1" Grid.Column="1" Name="urlText" Text="{Binding XPath=guid}" /> <TextBlock Grid.Row="2" Grid.Column="0">Date:</TextBlock> <TextBox Grid.Row="2" Grid.Column="1" Name="dateText" Text="{Binding XPath=pubDate}" /> <TextBlock Grid.Row="3" Grid.Column="0">Body:</TextBlock> <TextBox Grid.Row="3" Grid.Column="1" Name="bodyText" TextWrapping="Wrap" Text="{Binding XPath=description}" />
由于我們設(shè)置了 DataContext，因此可以僅指定 XPath 表達(dá)式，以獲得我們需要的 RSS 提要的部分。
一下嘗試接受這些內(nèi)容太多了。停下來喘口氣。我并不指望你們一下子都能接受。在下面部分中，我將前面示例的許多觀點分成各個更易于管理的部分。
返回頁首簡化的 XAML 綁定
要從一個有關(guān) Binding 對象如何工作的簡單示例開始，我們先從下面這個非常簡單的 XAML 文檔入手。
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" > <Canvas> <TextBox Text="This is a TextBox" /> <TextBlock Canvas.Top="25" >Test</TextBlock> </Canvas> </Window>
這段代碼創(chuàng)建了一個簡單的畫布，包含兩個控件，如圖 3 所示。
圖 3. 簡單的 XAML 畫布
我們可能希望綁定 TextBlock，以便按照鍵入的方式顯示 TextBox 的文本。為此，我們需要一個 Binding 對象將兩個對象綁定在一起。首先要向 TextBox 添加一個名稱，這樣我們才能通過元素名引用元素。
<TextBox Name="theTextBox" />
接下來，我們需要向 TextBlock 的 Text 元素添加一個 Binding。
<TextBlock Canvas.Top="25"> <TextBlock.Text> <Binding ElementName="theTextBox" Path="Text" /> </TextBlock.Text> </TextBlock>
這段代碼告訴 TextBlock 的 Text 要設(shè)置為 TextBox 控件中的用戶類型。
將以上這幾段代碼組合在一起即可產(chǎn)生以下代碼。
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" > <Canvas> <TextBox Name="theTextBox" Text="Hello" /> <TextBlock Canvas.Top="25"> <TextBlock.Text> <Binding ElementName="theTextBox" Path="Text" /> </TextBlock.Text> </TextBlock> </Canvas> </Window>
這段 XAML 代碼創(chuàng)建了一個窗體，該窗體按照在 TextBox 中鍵入的內(nèi)容更改 TextBlock，如圖 4 所示。
圖 4. 綁定控件
祝賀您！您已經(jīng)擁有了自己的第一個綁定！但是這個 XML 語法有點冗長。應(yīng)該有更好的編寫方法。
使用綁定簡化版本
在上一示例中我們了解到，如何將 Binding 元素添加到屬性來創(chuàng)建數(shù)據(jù)綁定。在這個簡單的示例中，以這種方式進(jìn)行數(shù)據(jù)綁定似乎不太麻煩；然而，隨著 XAML 文檔的增大，這個冗長的語法可能會變得比較麻煩。為了緩解這個問題，XAML 支持綁定語法的一個簡化版本。
例如，使用簡化版本，上一示例如下所示。
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" > <Canvas> <TextBox Name="theTextBox" Text="Hello" /> <TextBlock Canvas.Top="25" Text="{Binding ElementName=theTextBox, Path=Text}" /> </Canvas> </Window>
簡化語法包含在大括號 ({}) 中，以單詞 Binding 開始，包含綁定屬性的名稱/值對。簡化語法的目的是使數(shù)據(jù)綁定需要更少的擊鍵，并且更易于閱讀。本文的剩余部分，我將使用簡化語法。
綁定源
目前為止，我們已經(jīng)將另一個控件用作所有綁定示例的源。然而，在大多數(shù)基于 XAML 的項目中，您將綁定到除其他控件外的源。大多數(shù)數(shù)據(jù)綁定的關(guān)鍵是 Source 屬性。在前面的示例中，我們使用的是 ElementName 屬性（它用于綁定到一個控件），而不是使用 Source 屬性。對于大多數(shù)應(yīng)用程序，您希望綁定到更重要的源，如 XML 或 .NET 對象。XAML 用其 provider 對象支持該操作。XAML 中內(nèi)置有兩種類型的數(shù)據(jù)提供程序：ObjectDataProvider 和 XMLDataProvider。ObjectDataProvider 用于綁定到 .NET 對象以及從 .NET 對象綁定，并不奇怪的是，XMLDataProvider 用于綁定到 XML 片段和文檔以及從 XML 片段和文檔進(jìn)行綁定。您可以在任何 XAML 容器的資源部分中指定一個數(shù)據(jù)提供程序。
使用 XMLDataProvider
例如：
<StackPanel xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" > <StackPanel.Resources> <XmlDataProvider x:Key="FavoriteColors"> <x:XData> <Colors xmlns=""> <Color>Blue</Color> <Color>Black</Color> <Color>Green</Color> <Color>Red</Color> </Colors> </x:XData> </XmlDataProvider> </StackPanel.Resources> <TextBlock HorizontalAlignment="Center" FontWeight="Bold"> XML Example </TextBlock> <ListBox Width="200" Height="300" ItemsSource="{Binding Source={StaticResource FavoriteColors}, XPath=/Colors/Color}"> </ListBox> </StackPanel>
在 StackPanel 的資源中，我們有一個 XMLDataProvider 對象。x:Key 表示 Binding 對象中用來引用它的名稱。在該提供程序中，我們創(chuàng)建了 XML 內(nèi)聯(lián)，用作數(shù)據(jù)綁定的源。在 ListBox 的 Binding 中，我們將提供程序指定為綁定的 Source。如果某個數(shù)據(jù)源位于 XAML 文檔中，您需要指定該對象是一個靜態(tài)源，如此處所示。最后，我們使用 XPath 語句指定應(yīng)該使用 XML 文檔中的哪個集合來填充 ListBox。該代碼生成圖 5 所示的窗體。
圖 5. XML 數(shù)據(jù)綁定
或者，我們可以指定：該提供程序應(yīng)該使用路徑或 URL 來查找用來創(chuàng)建相同窗體的 XML 的源，方法是指定 XMLDataProvider 的 Source 屬性。
<XmlDataProvider x:Key="FavoriteColors" Source="D:\Writing\msdn\avalondatabindingpt1\xaml\colors.xml" />
XMLDataProvider 的 Source 屬性也可以指向標(biāo)準(zhǔn) URL，從而使您能夠創(chuàng)建到 XML API（如 RSS）的快速訪問。
<StackPanel xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" > <StackPanel.Resources> <XmlDataProvider x:Key="MyRSS" Source="http://adoguy.com/RSS" /> </StackPanel.Resources> <TextBlock HorizontalAlignment="Center" FontWeight="Bold"> XML Example </TextBlock> <ListBox Width="500" Height="300" ItemsSource="{Binding Source={StaticResource MyRSS}, XPath=//item/title}"> </ListBox> </StackPanel>
通過調(diào)出到一個 RSS 提要，可以創(chuàng)建一個頁面，它在 ListBox 中快速列出我的網(wǎng)絡(luò)日記中的所有主題，如圖 6 所示。
圖 6. 我的網(wǎng)絡(luò)日記的主題列表
使用 ObjectDataProvider
有時需要到 .NET 對象的綁定。這就是引入 ObjectDataProvider 的地方。該數(shù)據(jù)提供程序使您能夠為 .NET 數(shù)據(jù)類型創(chuàng)建綁定。
例如，我們可以在 .NET 中創(chuàng)建一個簡單的字符串集合，如下所示。
public class MyStrings : List { public MyStrings() { this.Add("Hello"); this.Add("Goodbye"); this.Add("Heya"); this.Add("Cya"); } }
- 或者 -
Public Class MyStrings Inherits List(Of String) Public Sub New() Me.Add("Hello") Me.Add("Goodbye") Me.Add("Heya") Me.Add("Cya") End Sub End Class
也可以在 XAML 文檔中使用一條處理指令將 CLR 對象的整個命名空間添加到該文檔所支持的類型中，方法是將該命名空間指定為一個 xmlns 聲明。例如，我們可以將整個命名空間的類映射到 XAML 中，如下所示。
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Simple Source Binding" xmlns:local="clr-namespace:XamlExamples" x:Class="XamlExamples.SimpleSource" > <!-- ... --> </Window>
要從外部程序集導(dǎo)入類，可以指定一個 xmlns 聲明，僅指定程序集名稱，如下所示。
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Simple Source Binding" xmlns:sys="clr-namespace:System,assembly=mscorlib" x:Class="XamlExamples.SimpleSource" > <!-- ... --> </Window>
一旦已經(jīng)導(dǎo)入了類型，就可以使用 ObjectDataProvider 指定來自其中一種類型的數(shù)據(jù)源。
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Simple Source Binding" xmlns:local="clr-namespace:XamlExamples" x:Class="XamlExamples.SimpleSource" > <Window.Resources> <ObjectDataProvider x:Key="MyStringData" ObjectType="{x:Type local:MyStrings}" /> </Window.Resources> <StackPanel> <TextBlock HorizontalAlignment="Center" FontWeight="Bold"> Simple Source Example </TextBlock> <ListBox Name="theListBox" Width="200" Height="300" ItemsSource="{Binding Source={StaticResource MyStringData}}"/> </StackPanel> </Window>
也可以通過要使用的命名空間和類型指定一個 XAML 元素，來創(chuàng)建資源，如下所示。
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Simple Source Binding" xmlns:local="clr-namespace:XamlExamples" x:Class="XamlExamples.SimpleSource" > <Window.Resources> <local:MyStrings x:Key="MyStringData" /> </Window.Resources> <StackPanel> <TextBlock HorizontalAlignment="Center" FontWeight="Bold"> Simple Source Example </TextBlock> <ListBox Name="theListBox" Width="200" Height="300" ItemsSource="{Binding Source={StaticResource MyStringData}}"/> </StackPanel> </Window>
該語法的工作方式就像 ObjectDataSource 一樣，只不過更易于使用。既然已經(jīng)導(dǎo)入了命名空間，我們就可以添加一個引用我們的數(shù)據(jù)源類的資源了，方法是指定該類的名稱（例如， MyStrings）。數(shù)據(jù)綁定與前面的示例相同，因為 XAML 代碼并不關(guān)心它是何種數(shù)據(jù)源，只要是數(shù)據(jù)源就可以了。
綁定模式
在大多數(shù)情況下，您希望綁定是一個雙向綁定。Binding 對象支持幾種模式以支持不同的用例，如表 1 所示。
表 1. 綁定模式
綁定模式 說明
TwoWay
雙向移動綁定控件或綁定源的改動。（這是默認(rèn)模式。）
OneWay
僅將改動從源移動到控件。當(dāng)源發(fā)生改動時，綁定控件的數(shù)據(jù)也相應(yīng)更改。
OneTime
數(shù)據(jù)僅在啟動時綁定，第一次用數(shù)據(jù)填充控件后忽略對源的更改。
只需在標(biāo)記中包括模式即可指定模式，如下所示。
{Binding ElementName=theTextBox, Path=Text, Mode=OneTime}
一種了解雙向綁定工作方式的方法是創(chuàng)建一個具有兩個文本框的Canvas，一個文本框綁定到另一個文本框。
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" > <Canvas> <TextBox Name="theTextBox" Text="Hello" /> <TextBox Canvas.Top="25" Text="{Binding ElementName=theTextBox, Path=Text, Mode=TwoWay}" /> </Canvas> </Window>
如果將這段代碼粘貼到 SDK 附帶的 XAMLPad 工具中，您應(yīng)該注意到，源文本框按照您鍵入的內(nèi)容更新綁定的文本框，但是，從綁定控件到源控件的更新僅發(fā)生在綁定控件失去焦點時。如果將 Mode 更改為 OneWay 或 OneTime，就會看到這些不同的模式是如何更改綁定的工作方式的。
控制綁定時間
除了模式，您還可以使用UpdateSourceTrigger 指定綁定何時推出更改。您可以指定綁定僅在指定的時間進(jìn)行更改，方法是指定 UpdateSourceTrigger 類型。
{Binding ElementName=theTextBox, Path=Text, UpdateSourceTrigger=LostFocus}
UpdateSourceTrigger 屬性指定何時用改動更新源。這僅對 Mode=TwoWay 綁定（默認(rèn)方式）有效。表 2 顯示 UpdateSourceTrigger 的有效值。
表 2. UpdateSourceTrigger 值
UpdateSourceTrigger 說明
Explicit
源僅通過顯式調(diào)用 BindingExpression.UpdateSource 方法更新。
LostFocus
綁定控件失去焦點時更新源。
PropertyChanged
每次屬性更改時都將改動更新到源。這是默認(rèn)行為。
使用 DataContext
本文要介紹的最后一個概念是如何使用DataContext。DataContext 專門用于指定某個容器中的所有控件都將綁定到一個公共對象。
例如，以下是一個示例：我們有一個 Canvas，它將顯示 XML 文檔中特定節(jié)點的值和文本。
<StackPanel xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" > <StackPanel.Resources> <XmlDataProvider x:Key="FavoriteColors"> <Colors xmlns=""> <Color ID="1">Blue</Color> <Color ID="2">Black</Color> <Color ID="3">Green</Color> <Color ID="4">Red</Color> </Colors> </XmlDataProvider> </StackPanel.Resources> <TextBlock HorizontalAlignment="Center" FontWeight="Bold"> XML DataContext Example </TextBlock> <Canvas DataContext="{Binding Source={StaticResource FavoriteColors}, XPath=‘/Colors/Color[@ID=2]‘}"> <TextBlock Text="{Binding XPath=@ID}" /> <TextBlock Canvas.Top="25" Text="{Binding XPath=.}" /> </Canvas> </StackPanel>
通過將DataContext 設(shè)置為 XML 文檔（以及一個特定的 XPath 表達(dá)式），我們告訴 Canvas：其中所有不包含 Source 的控件都可以使用容器的 DataContext。這樣，只需指定 XPath 表達(dá)式就能綁定 TextBlock。請注意，每個 TextBlock 中的 XPath 表達(dá)式都是相對的 XPath 表達(dá)式。這對于對象綁定也一樣。
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Simple Source Binding" x:Class="XamlExamples.SimpleSource" > <Window.Resources> <ObjectDataProvider TypeName="XamlExamples.MyStrings, XamlExamples" x:Key="MyStringData" /> </Window.Resources> <StackPanel> <TextBlock HorizontalAlignment="Center" FontWeight="Bold"> Object DataContext Example </TextBlock> <Canvas DataContext="{Binding Source={StaticResource MyStringData}}"> <TextBlock Text="{Binding Path=Length}" /> <TextBlock Canvas.Top="25" Text="{Binding Path=Item[0]}" /> </Canvas> </StackPanel> </Window>
使用對象代替 XML 僅僅意味著您將使用 Path 表達(dá)式代替 XPath 表達(dá)式。
返回頁首我們所處的位置
我們已經(jīng)了解了在 XAML 中如何用 Binding 對象直接進(jìn)行數(shù)據(jù)綁定，既有簡化版本又有普通版本。通過利用 XML 或?qū)ο髷?shù)據(jù)提供程序，我們可以綁定到應(yīng)用程序中不同類型的對象。我們還看到如何使用 Binding 對象的 ElementName 語法綁定到其他控件。在本系列的下一部分中，我將向您介紹如何利用該信息并將其綁定到實際的數(shù)據(jù)庫數(shù)據(jù)，使用您自己的對象或 .NET 數(shù)據(jù)容器（例如，DataSources 和 DataSets）。
返回頁首參考資料
•
Windows SDK (includes WinFX)•
Programming the Windows Presentation Foundation，Chris Sells 和 Ian Griffiths
轉(zhuǎn)到原英文頁面返回頁首 適合打印機(jī)打印的版本 通過電子郵件發(fā)送此頁面個人信息中心 |
MSDN中文速遞郵件 |
聯(lián)系我們©2007 Microsoft Corporation. 版權(quán)所有.
保留所有權(quán)利 |
商標(biāo) |
隱私權(quán)聲明
