【WPF學習】第二十九章 元素綁定——將元素綁定到一塊兒

　　數據banding的最簡單情形是，源對象時WPF元素並且源屬性是依賴性屬性。前面章節解釋過，依賴項屬性具備內置的更改通知支持。所以，當在源對象中改變依賴項屬性的值時，會當即更新目標對象中的綁定屬性。這正是咱們所須要的行爲——並且沒必要爲此構建任何額外的基礎結構。

　　爲理解如何將一個元素綁定到另外一個元素，下面建立一個簡單的示例。該示例窗口包含了兩個控件：一個Slider控件和一個具備單行文本的TextBlock控件。若是向右拖動滑動條上的滑塊，文本字體的尺寸會當即隨之增長。若是向左拖動滑塊，字體尺寸會縮小。

 

 

 　　顯然，使用代碼建立這種哦弄個行爲不是很難。可簡單地響應Slider.ValueChanged事件，並將滑動條控件的當前值複製到TextBlock控件來實現這種行爲。不過，經過數據綁定實現這種行爲更簡單。

1、綁定表達式

　　當使用數據綁定時，沒必要對源對象（在本例中是Slider控件）作任何改動。只須要配置源對象使其屬性具備正確的值範圍，一般進行以下配置：

<Slider  Name="sliderFontSize" Margin="3" Minimum="1" Maximum="40" Value="10" TickFrequency="1" IsSnapToTickEnabled="True" TickPlacement="TopLeft"></Slider>

　　綁定時在TextBlock元素中定義的。在此沒有使用字面值設置FontSize屬性，而是使用了一個綁定表達式，以下所示：

<TextBlock Margin="10" Name="lblSampleText" 
                   FontSize="{Binding ElementName=sliderFontSize, Path=Value}" 
                   Text="Simple Text"></TextBlock>

　　數據綁定表達式使用XAML標記擴展（所以具備花括號）。由於正在建立System.Windows.Data.Binding類的一個實例，因此綁定表達式以單詞Binding開頭。儘管可採用多種方式配置Binding對象，但本例中只須要設置兩個屬性：ElementName屬性(指示源元素)和Path屬性（指示源元素中的屬性）。

　　之因此使用名稱Path而不是Property，是由於Path可能指向屬性的屬性（如FontFamily.Source),也可能指向屬性使用的索引器(如Content.Children[0])。可構建具備多級層次的路徑，使其指向水屬性的屬性的屬性，一次類推。

　　若是但願引用附加屬性（在另外一個類中定義但應用於綁定元素的屬性），那麼須要在圓括號中封裝屬性名稱。例如，若是綁定到Grid控件中的某個元素，路徑（Grid.Row)將檢索放置元素的行的行號。

2、綁定錯誤

　　WPF不會引起所以來通知與數據綁定相關的問題。若是指定的元素或屬性不存在，那麼不會受到任何指示；相反，指示不能在目標屬性中顯示數據。

　　咋一看，對調試而言這像是可怕的夢魘。幸運的是，WPF輸出了綁定失敗細節的跟蹤信息。當調試應用程序時，該信息顯示在Visual Studio的Output窗口中。

　　當試圖讀取源屬性時，WPF會忽略拋出的任何異常，並不加提示地丟棄因數據沒法轉換爲目標屬性的數據類型而引起的異常。然而，當處理這些問題時還有一種選擇——可通知WPF改變源元素的外觀以指示發生了錯誤。例如，當使用哦感嘆號圖標或紅色輪廓標識非法輸入。

3、綁定模式

　　數據綁定的一個特性是目標會被自動更新，而不考慮源的修改方式。在這個示例中，源只能經過一種方式進行修改——經過用戶與滑動條上滑動進行的交互。下面分析該例的一個稍經修改的版本：添加一個按鈕，每一個按鈕爲滑動條應用一個預先設置的值：

 

 

 　　當單擊Set to Large按鈕時，會運行下面的代碼：

private void cmd_SetLarge(object sender, RoutedEventArgs e)
        {
            sliderFontSize.Value = 30;
        }

　　上面的代碼設置滑動條的值，這會經過數據綁定強制改變字體大小。效果與移動滑動條上的滑塊同樣。

　　然而，下面的代碼不能正常工做：

private void cmd_SetLarge(object sender, RoutedEventArgs e)
        {
            lblSampleText.FontSize = 30;
        }

　　上面的代碼直接設置文本框的字體尺寸。所以，滑動條的位置未響應地更新。更糟的是，上面的代碼破壞了字體尺寸的綁定，並用字面值代替了綁定。若是如今移動滑動條上的滑塊，文本框根本不會響應地進行改變。

　　有趣的是，可採用一種方式強制在兩個方向傳遞數據：從源到目標以及從目標到源。技巧是設置Binding對象的Mode屬性。下面的是修訂後過的雙向綁定，該綁定容許爲源或目標應用變化，並使總體的其餘部分自動更新自身：

<TextBlock Margin="10" Name="lblSampleText" 
                   FontSize="{Binding ElementName=sliderFontSize, Path=Value,Mode=TwoWay}" 
                   Text="Simple Text"></TextBlock>

　　在這個示例中，沒有理由使用雙向綁定（這須要更大的開銷），由於可經過使用正確的編碼來解決問題。然而，考慮該例的一個變體，該變體包含一個可在其中精確設置字體尺寸的文本框。這個文本框須要使用雙向綁定，從而當經過另外一個方法改變字體尺寸時，該文本框能夠應用用戶的改變，並顯示最新的尺寸值。

　　當設置Binding.Mode屬性時，WPF容許使用5個System.Windows.Data.BindingMode枚舉值中的任何一個。下表列出了所有枚舉值：

表 BindingMode枚舉值

 

 

 　　下圖顯示了他們之間的區別。前面已經介紹了OneWay和TwoWay模式。OneTime模式很是簡單。下面對其餘兩種模式再進行一些分析。

 

 

 

 圖 綁定兩個屬性的不一樣方式

　　一、OneWayToSource模式

　　你可能會好奇，既然有了OneWay模式，爲何還有OneWayToSource模式選項——畢竟這兩個值都以相同方式建立單向綁定。惟一區別是綁定表達式的放置位置。本質行，OneWayToSource模式容許經過在一般被視爲綁定源的對象中放置綁定表達式，從而翻轉源和目標。

　　使用這一技巧最多見的緣由是要設置非依賴項屬性的屬性。前面開始介紹過，綁定表達式只能用於設置依賴項屬性。但經過使用OneWayToSource模式，可克服這一限制，但前提是提供數據的屬性自己是依賴項屬性。

　　二、Default模式

　　最後，除非明確指定其餘模式，不然可能認爲全部綁定都是單向的，這看起來像是符合邏輯的（畢竟，簡單的滑動條示例使用的就是這種方式）。然而，狀況並不是如此。爲了自我驗證這一事實，在此考慮具備可以改變字體尺寸的綁定文本框的示例。即便刪除了Mode=TwoWay設置，這個示例也仍工做的很好。這是由於WPF使用了一種不一樣的、默認狀況下依賴於所綁定屬性的模式（從技術角度看，在每一個依賴項屬性中都有一個元數據——FrameworkPropertyMetadata.BindsTwoWayByDefault標誌——該標誌指示屬性是使用單向綁定仍是雙向綁定）。

　　一般，默認綁定模式也可正是指望的模式。然而，可設想一個示例，該例具備一個只讀的不容許用戶改變的文本框。對於這種狀況，經過將模式設置爲單向綁定可稍微下降一些開銷。

　　做爲一條經常使用的經驗法則，明確設置綁定模式永遠不是壞主意。即便在文本框示例中，也值得經過包含Mode屬性來強調但願使用雙向綁定。

4、使用代碼建立綁定

　　在構建窗口時，在XAML標記中使用Binding標記擴展來聲明綁定表達式一般最高效。然而，也可以使用代碼建立綁定。

　　下面的代碼演示了上面示例中顯示的TextBlock元素建立綁定：

Binding binding=new Binding();
binding.Source=sliderFontSize;
binding.Path=new PropertyPath("Value");
binding.Mode=BindingMode.TwoWay;
lblSampleText.SetBinding(TextBlock.FontSize,binding);

　　還可經過代碼使用BindingOperation類的兩個靜態方法移除綁定。ClearBinding()方法使用依賴項屬性（該屬性具備但願刪除的綁定）的引用做爲參數，而ClearAllBindings()方法爲元素刪除全部數據綁定：

BindingOperations.ClearAllBindings(lblSampleText);

　　ClearBinding()和ClearAllBindings()方法都使用ClearValue()方法，每一個元素都從DependencyObject基類繼承了ClearValue()方法。ClearValue()方法簡單地移除屬性的本地值（對於這種狀況，是數據綁定表達式）。

　　基於標記的綁定比經過代碼建立的綁定更常見，由於基於腳本的綁定更清晰而且須要完成的工做更少。通常使用標記建立它們的綁定，但在一些特殊狀況下，會但願使用代碼建立綁定：

• 　　建立動態綁定：若是但願根據其餘運行時信息修改綁定，或者根據環境建立不一樣的綁定，這時使用代碼建立綁定一般更合理（此外，也可在窗口的Resource集合中定義可能但願使用的每一個綁定，並只添加是使用合適的綁定對象調用SetBinding()方法的代碼）。
• 　　刪除綁定：若是但願刪除綁定，從而能夠經過普通方式設置屬性，須要藉助ClearBinding()或ClearAllBindings()方法。僅爲屬性應用新值是不夠的——若是正在使用雙向綁定，設置的值會傳播到連接的對象，而且兩個屬性保持同步。
• 　　建立自定義控件：爲讓他人能更容易地修改你構建的自定義控件的外觀，須要將特定細節（如事件處理程序和數據綁定表達式）從標記移到代碼中。

5、使用代碼檢索綁定

　　可以使用代碼檢索綁定並檢查其屬性，而沒必要考慮綁定最初是用代碼仍是標記建立的。

　　可採用兩種方式來獲取綁定信息。第一種方式是使用靜態方法BindingOperations.GetBinding()來檢索相應的Binding對象。這須要提供兩個參數：綁定元素以及具備綁定表達式的屬性。

　　例如，若是具備以下綁定：

<TextBlock Margin="10" Name="lblSampleText" 
                   FontSize="{Binding ElementName=sliderFontSize, Path=Value}" 
                   Text="Simple Text"></TextBlock>

　　可以使用以下代碼來獲取綁定：

Binding binding=BindingOperations.GetBinding(lblSampleText,TextBlock.FontSize);

　　一旦擁有綁定對象，就能夠檢查其屬性。例如，綁定元素名Binding.ElementName提供了綁定表達式的值（這裏是sliderFontSize）。Binding.Path提供的PropertyPath對象從綁定對象提取綁定值，Binding.Path.Path獲取綁定屬性的名稱（這裏是Value）。還有Binding.Mode屬性，用於告知綁定合適更新目標元素。

　　若是必須在測試時添加診斷代碼，綁定對象會有趣一些。但WPF還容許經過調用BindingOperations.GetBindingExpression()方法得到更實用的BindingExpression對象，該方法的參數與GetBinding()方法的參數相同：

BindingExpression expression = BindingOperations.GetBindingExpression(lblSampleText, TextBlock.FontSize);

　　BindingExpression對象包括一些屬性，用於複製Binding對象提供的信息。但迄今爲止，最有趣的是ResolvedSource屬性，該屬性容許計算綁定表達式並得到其結果——傳遞的本地數據。下面舉一個例子：

//Get the source element
Slider boundObject=(Slider)expression.ResolvedSource;

//Get any data you need from the source element,including it's bound property
string boundData=boundObject.FontSize;

6、多綁定

　　上面的示例僅包含一個綁定，但若有必要，可設置TextBlock元素從文本框中獲取其文本，從單獨的顏色列表中選擇當前前景色和背景色等等，下面是一個示例：

<Window x:Class="DataBinding.MultipleBindings"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MultipleBindings" Height="300" Width="300">
    <Grid Margin="5">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>

        <Slider Name="sliderFontSize" Margin="3" Minimum="1" Maximum="40" Value="10"></Slider>

        <TextBox Name="txtContent" Margin="3" Grid.Row="2">Sample Content</TextBox>

        <ListBox Margin="3" Grid.Row="3" Name="lstColors">
            <ListBoxItem Tag="Blue">Blue</ListBoxItem>
            <ListBoxItem Tag="DarkBlue">Dark Blue</ListBoxItem>
            <ListBoxItem Tag="LightBlue">Light Blue</ListBoxItem>
        </ListBox>

        <TextBlock Margin="3" Name="lblSampleText" 
           FontSize="{Binding ElementName=sliderFontSize, Path=Value}"  Grid.Row="4"
           Text="{Binding ElementName=txtContent, Path=Text}"           
           Foreground="{Binding ElementName=lstColors, Path=SelectedItem.Tag}"
           >
        </TextBlock>

    </Grid>
</Window>

MultipleBindings

　　最終效果以下圖所示：

 

 7、綁定更新

　　下面一個簡單的示例，當用戶在文本框中輸入字體大小時，發現文本字體大小並無當即變化，而是須要失去當前控件的焦點纔會觸發。

 

 　　會發生此問題的願意，是由於他們的行爲由Binding.UpdateSourceTrigger屬性控制，該屬性可以使用下表列出的某個值。當從文本框中取得文本並用於更新TextBlock.FontSize屬性時，看到的正式使用UpdateSourceTrigger.LostFocus方法從目標向源進行更新的例子：

表　　UpdateSourceTrigger枚舉值

 

 　　請記住，上表列出的值不印象目標的更新方式。他們僅控制TwoWay或OneWayToSource模式的綁定中源的更新方式。

　　根據上面介紹的內容，可改進文本框示例，從而當用戶在文本框中輸入內容時將變化應用於字體尺寸。方式以下：

<TextBox Name="txtBound" Text="{Binding ElementName=lblSampleText, Path=FontSize, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" Width="100"></TextBox>

　　要徹底控制源對象的更新時機，可選擇UpdateSourceTrigger.Explicit模式。若是在文本框示例中使用這種方法，當文本框失去焦點後不會發生任何事情。反而，由編寫代碼手動觸發更新。例如，可添加Apply按鈕，調用BindingExpression.UpdateSource()方法，觸發當即刷新行爲並更新字體尺寸。

　　固然，在調用BindingExpression.UpdateSource()以前，須要一種方法來獲取BindingExpression對象。BindingExpression對象僅是將兩項內容封裝到一塊兒的較小組裝包，這兩項內容是：已經學習過的Binding對象(經過BindingExpression.ParentBinding屬性提供）和由源綁定的對象(BindingExpression.DataItem)。此外，BindingExpression對象爲觸發當即更新綁定的一部分提供了兩個方法：UpdateSource()和UdateTarget()方法。

　　爲獲取BindingExpression對象，須要使用GetBindingExpression()方法，並傳入具備綁定的目標屬性，每一個元素都從FrameworkElement基類繼承了該方法。下面的示例根據當前文本框中的文本改變TextBlock的字體大小：

BindingExpression binding=txtFontSize.GetBindingExpression(TextBox.TextProperty);

binding.UpdateSource();

8、綁定延遲

　　在極少數狀況下，須要防止數據綁定觸發操做和修改源對象，至少在某一時刻是這樣的。例如，可能想在從文本框複製信息以前暫停，而不是在每次按鍵後獲取。或者，源對象在數據綁定屬性變化時執行處理器密集型操做。在此狀況下，可能更添加短暫的延遲時間，避免過度頻繁地觸發操做。

　　在這些特殊狀況下，可以使用Binding對象Delay屬性。等到數毫秒，以後再提交更改。下面是文本框示例的修改版本，會在用戶中止輸入500毫秒後更新源對象：

<TextBox Name="txtBound" Text="{Binding ElementName=lblSampleText, Path=FontSize, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay, Delay=500}" Width="100"></TextBox>