SilverLight 5 資料繫結的高階話題（2）

阿新 • • 發佈：2019-01-19

繫結到索引屬性

除了繫結到巢狀屬性以外，也可以繫結到索引屬性，即可以是整數索引也可是字串索引。索引選擇語法與C#類似-簡單地在集合屬性名後附加一個方括號作為索引號。例如，Person物件有一個Address屬性返回了一個Address物件集合，就可以用如下程式碼繫結到第一個Address物件：

如果集合具有字串式索引，如Dictionary<string,string>

，可以採用字串式索引引用語法，如下：

在上例中，HOME是Address物件返回的一個字串索引。如果給定的索引未發現，繫結就會失敗，在VS的輸出視窗就會出現一個錯誤提示。

繫結到動態屬性

有時，需要繫結到設計時並不明確結構的資料上，如XML或JSON資料。這種情況下，應該建立一個執行時物件，然後反序列化資料並進行繫結。SilverLight4添加了對動態型別的支援，解決了這一問題。但是，

the downside to creating dynamic objects is that you can’t

actually bind to them,因為SilverLight的繫結引擎並不能識別動態屬性為真正的屬性。任何直接針對動態屬性繫結的嘗試都會失敗。為了克服這一難題，SIlverLight5引入了ICustomTypeProvider介面，可以在類中實現以告知繫結引擎物件的結構。

ICustomTypeProvider介面位於System.Reflection名稱空間，只需要實現一個方法：GetCustomType。但是，這一方法的實現過程非常複雜，需要你從頭建立一個型別。

Type類在SilverLight5是非封閉類，可以從這個類繼承並覆寫其屬性和方法。

Alexandra Rusina，SilverLight團隊的專案經理建立了一個Helper類避免了自已實現ICustomTypeProvider介面的複雜性，你可以從以下網址下載這個類：http://blogs.msdn.com/b/silverlight_sdk/archive/2011/04/26/binding-to-dynamic-properties-with-icustomtypeprovider-silverlight-5-beta.aspx.

使用這個helper類，就可以建立一個即繼承於此類又實現ICustomTypeProvider介面的類，或者建立委託GetCustomType方法到helper類中。後一個方法用於目標類已經繼承於其他類的情況。

下面舉例說明，如何建立一個Products類並在執行時定義其結構：

1、從建立類開始，並繼承自範型CutomTypeHelper類：

public class Product : CustomTypeHelper<Product> { }

2、通過呼叫靜態的AddProperty方法（繼承自CustomTypeHelper<T>類）新增屬性到類中，為每個屬性提供一個命名和型別：

Product.AddProperty("ProductName", typeof(string));
Product.AddProperty("Category", typeof(string));
Product.AddProperty("QtyAvailable", typeof(int));

3、在例項化類的時候，很顯然不能像以往在設計時定義類的方式一樣進行值的設定。而是應該呼叫SetPropertyValue方法（也是繼承自CustomTypeHelper<T>類），傳遞屬性名作為引數併為其賦值：

Product product = new Product();
product.SetPropertyValue("ProductName", "Helmet");
product.SetPropertyValue("Category", "Accessories");
product.SetPropertyValue("QtyAvailable", 10);

4、現在就可以使用與在標準CLR物件中相同的方法繫結到這一物件及其屬性了。幸虧有helper類，屬性自動實現了INotifyPropertyChanged介面，因此不必擔心這一問題。必要的話，也可以呼叫 GetPropertyValue方法獲取值：

string productName = (string)product.GetPropertyValue("ProductName");
string category = (string)product.GetPropertyValue("Category");
int qtyAvailable = (int)product.GetPropertyValue("QtyAvailable");

注：Matt Duffield也提供了實現 ICustomTypeProver介面的實現方法，見：http://mattduffield.wordpress.com/2011/09/16/using-icustomtypeprovider-in-

silverlight-5-with-xml.

增強的資料繫結

Binding類有很多屬性可用於進一步配置資料繫結，而不僅僅是將目標屬性的值與源屬性直接相連線。這些屬性是使得SilverLight資料繫結功能更加強大和靈活的關鍵所在，我們來看看：

字串格式

Bindings有一個StringFormat屬性可以用於在資料傳遞到目標控制元件之前格式化被繫結屬性的值。這是一個很有用的功能，特別是繫結到非字串屬性時，如DateTime或Decimal型別。可以使用StringFormat屬性來設定格式，使用與在程式碼中ToString方法相同的格式化字串值的方法，即可以使用標準格式也可以定製格式。比如，如下繫結使用標準格式顯示被繫結屬性的值在TextBox中，將檔案格式為現金格式：

或者你可以將日期格式化為長日期格式（如Sunday,May 16,2011）:

或者使用定製的格式（如2011-05-16）：

也可以格式化decimal,singl,double或float為一種給定小數位數的格式（如3.14）：

如果想要在字串中包含一些特殊字元，將格式化字串包含在單引號內（不能用引號，因為引號表示屬性值）：

另外，也可以在指定字串前使用反斜線：

Alternatively, you can simply escape them by inserting a backslash (\) prior to the special character:

注：可用的格式化字串的標準和定製符號的說明詳見MSDN：http://msdn.microsoft.com/ en-us/library/26etazsy.aspx.其他資源示例也可以在VS2010 data binding expression builder中找到。

另一個整潔的資料繫結技巧是使用繫結的StringFormat屬性連線繫結值與其他文字。比如，你可能想要在一個值前顯示一個標籤。假定你繫結到了一個屬性，返回“Chris Anderson”作為其值，想要在檢視中進行如下的顯示：

Name: Chris Anderson

你就可以使用StackPanel控制元件將兩個TextBlock控制元件放在一起獲得此效果：

或者使用TextBlock控制元件的Inlines屬性：

甚至可以建立一個Value轉換器或定製的標記擴充套件來實現。但是，最簡單和優雅的方法是使用Binding物件的StringFormat屬性套用字串佔位符來實現，與String類中的StringFormat屬性的語法一樣：

{0}佔位符取代了被繫結的值，從而有效地實現了兩個字串的連線。

下面是另一個例子，在這裡被繫結值將會包含在兩個括號中間（也就是說TextBlock控制元件會顯示"(Chris Anderson)");

當然，你只有一個可供替換的值，因為繫結只返回一個值，但是如果你願意，這是一個非常乾淨的方法將被繫結的值與其他值相連線，而無需要一些複雜的實現過程。

當源屬性值為空時的可選值

如果一個屬性被繫結到一個空值，可以獲得一個可替代的值，方法是通過binding的TargetNullValue屬性。這很有用，特別是想要為未提供的資料提供預設值時：

回撥值

如果繫結的源為空，就意味著控制元件的DataContex屬性和binding的Source屬性都為空，或者說被繫結的屬性在物件中並不存在，你可以使用FallbackValue屬性指定一個替代值。比如，如下的繫結將顯示“Oops！”：

UpdateSourceTrigger

Binding物件的UpdateSourceTrigger屬性可以在雙向繫結模式下指定源屬性何時更新以響應目標屬性的變化。通常在對TextBox控制元件的Text屬性進行繫結時，UpdateSourceTrigger屬性允許指定是在TextBox控制元件失去焦點時控制元件進行更新，還是選擇檔案一旦發生變化立即更新，或是隻有當程式碼顯示指定時更新。現在我們逐個來看看：

預設模式

當UpdateSourceTrigger屬性設定為Default，源屬性將在TextBox控制元件失去焦點進行更新，比方說使用者使用Tab鍵切換。由於是預設模式，無需在XAML檔案中顯示指定。當然為了完整，也可以像如下進行設定：

PropertyChanged模式

SilverLight5現在支援新的UpdateSourceTrigger模式：PropertyChanged模式。這種模式使得被繫結（源）屬性在控制元件屬性變更時立即進行變更；

正如在第6章已經看到的，這種模式特別適用於實現文字框篩選查詢功能，可以根據使用者輸入的文字內容即時過濾資料，從而建立良好的使用者體驗。

顯示模式

第7章，已經討論過實現IEditableObject介面以新增transaction行為到類中（begin,accept和cancel changes）。藉助IEditableObject介面支援的行為，可以在屬性變更的各個階段設定邏輯，可以選擇顯示聲明後再進行更新操作，比如使用者點選OK按鈕等。這就需要設定Binding物件的UpdateSourceTrigger屬性為Explicit：

注意我們設定的是TextBox控制元件的Name屬性。這一屬性在後置程式碼進行呼叫時將發揮作用。

如果現在就執行程式，你會發現源屬性永遠不會更新。要讓繫結的源屬性發生更新，必須在程式碼中手工進行更新的初始化。假如在檢視中有一個OK按鈕，當按鈕點選後需要將欄位的變更更新到被繫結的物件上。為達此目的，需要在後置程式碼中處理按鈕的Click事件，並使用文字框的Text屬性（使用GetBindingExpression方法，返回BindingExpression物件）。你可以通過呼叫BindingExpression物件的UpdateSource方法顯示地強制繫結的源屬性更新，如下所示：

BindingExpression expr = NameTextBox.GetBindingExpression(TextBox.TextProperty);
expr.UpdateSource();

數值轉換

你已經看到了如何使用Binding的StringFormat屬性格式化被繫結的數值，這種格式化是在傳遞到目標控制元件之前進行的，如果想要將數值轉化為完全不同的數值該怎麼辦呢？一個例子是嘗試繫結Boolean值到控制元件的Visibility屬性。正常情況下這是不行的，因為Visibility屬性只接受Visibility列舉值（Visible或Collapsed）。可以修改需要繫結物件的屬性以便返回一個Visibility列舉值，但這並非總是可行的，也並不理想。有一種方法可以在繫結過程中將Boolean值轉化為Visibility列舉值，這種方法就是value converter（下稱值轉換器），值轉換器需要實現IValueConverter介面，共有兩個方法：

l Convert方法傳遞繫結源物件的屬性值（作為引數），你可以實現必須的邏輯將該值轉換為可供分配到目標屬性的值（作為方法的返回結果）。

l ConvertibleBack方法用於雙向繫結以轉換UI上修改的目標值（作為引數），返回一個可以分配給被繫結屬性（源屬性）的值；

建立一個簡單的值轉換器

下面實現一個簡單的值轉換器：從Boolean值轉換為Visibility列舉值：

using System;
using System.Windows;
using System.Windows.Data;

public class BoolToVisibilityValueConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter,
                          System.Globalization.CultureInfo culture)
    {
        return (bool)value ? Visibility.Visible : Visibility.Collapsed;
    }

    public object ConvertBack(object value, Type targetType, object parameter,
                              System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

注意我們沒有實現 ConvertBack的邏輯，是因為對控制元件Visibility屬性的繫結只有one-time或one-way繫結模式。因此，這一方法不會用到，沒有必要實現它。但是，對其他轉換，有可能會用到此方法，就需要相應的具體實現了。

注：在使用SilverLight業務應用程式專案模板作為應用程式的基礎時，你會發現在專案中已經實現了一些值轉換器（在Helpers資料夾中），例如NotOperationValueConverter值轉換器將ture值轉換為false，而false則轉換為true;

使用值轉換器

一旦建立了值轉換器，就需要在物件的某一層級的資源上例項化它。可以是page,user control的資源，也可以分配到Application物件的資源（在App.xaml檔案裡）從而可以在整個應用程式中使用。首先，宣告一個名稱空間指向值轉換器所在空間：

xmlns:vc="clr-namespace:AdventureWorks.ValueConverters"

然後，例項化值轉換器作為某個物件層級的資源：

<vc:BoolToVisibilityValueConverter x:Key="VisibilityConverter"/>

現在，就可以通過資料繫結的Converter屬性使用值轉換器了，使用StaticResource標記擴充套件獲得對其的引用。如下示例示意瞭如果被繫結物件的IsDirty屬性在物件處於編輯狀態時將Save按鈕的Visibility值設定為true(經過值轉換器轉換為Visibility.Visible)。

向值轉換器傳遞引數

有時需要向值轉換器傳遞附加的引數才能使其正常工作。可以在XAML定義中向值轉換器傳遞引數值，使用Binding的ConverterParameter屬性；

在SIlverLight的早期版本中，值轉換器主要用於格式化被繫結的數值，直到SIlverLight4引入StringForamt屬性才有所改觀，這樣值轉換器在字串轉換上的用途就不是很大了，但是在某些場景仍然是很有用的。與前述討論有所不同的一個場景是在第7章討論過的對RadioButton控制元件的繫結，在此如果想要將RadioButton控制元件繫結到一個列舉型別的被繫結物件上，並且每個RadioButton控制元件分別顯示一個不同的列舉值。正如在第7章討論的一樣，並沒有一個可以直接使用的標準資料繫結模型，如果在繫結中使用值轉換器並傳遞一個引數就使這種場景成為可能。如下的值轉換器展示了一個範型的列舉到布林值的轉換器，通過比較所傳遞數值與所傳遞的引數，如果匹配就返回true,反之返回false.

using System;
using System.Windows.Data;
public class EnumEqualityValueConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter,
                          System.Globalization.CultureInfo culture)
    {
        return value.ToString() == parameter.ToString();
    }

    public object ConvertBack(object value, Type targetType, object parameter,
                              System.Globalization.CultureInfo culture)
    {
        return Enum.Parse(targetType, parameter.ToString(), true);
    }
}

注：在上述場景中採用了TwoWay繫結，因此需要能夠將所選定的單選按鈕返回所代表的列舉值，需要為此轉換器實現ConvertBack方法。

這樣我們就可以使用該值轉換器了。假如已經聲明瞭名稱空間並將轉換器例項化為資源，那麼只需要簡單地將值轉換器設定到RadioButton控制元件的Binding物件的Converter屬性，併為每個RadioButton控制元件分配一個列舉值，設定在ConverterParameter屬性上，就可以通過對繫結屬性值和引數值的比較來實現IsChecked是否返回true的操作。

傳遞文化屬性到值轉換器

CultureInfo物件也可作為引數傳遞給值轉換器。可用於根據給定的區域與語言型別顯示所需要的資料。

預設情況下，傳遞到值轉換器的區域與語言資訊是從控制元件的Language屬性獲取的，使用的是標準的區域與語言字串，如en-US，表示英語（美國）。該值向下覆蓋到全部層級，因此如果在XAML檔案中的根結點指定這一屬性，XAML檔案內的的所有控制元件就都繼承了此值。如果區域與語言未經此屬性顯示指定，預設為美國英語（en-US）（譯者注：預設應為伺服器所使用的區域與語言資訊）。你可以通過Binding物件的ConverterCulture屬性顯示地傳遞區域與語言字串到值轉換器，該字串必須使用culture引數進行傳遞。

傳遞整個物件到值轉換器

如果想要使用源物件的多個屬性轉換為一個單一的輸出，例如將first name與surname屬性組合成單一字串，也可以用值轉換器實現。如下程式碼所示：

public class FullNameValueConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter,
                          System.Globalization.CultureInfo culture)
    {        Person person = value as Person;
        return person.FirstName + "" + person.Surname;
    }

    public object ConvertBack(object value, Type targetType, object parameter,
                              System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

注：這種場景中，最好是新增一個FullName屬性在ViewModel中（指MVVM設計模式）並對其進行繫結。但是，如果沒有實現MVVM設計模式，值轉換器提供了一種可選擇的方案以修改繫結的物件使其適用於UI的需要。

使用屬性元素語法進行繫結

儘管很少使用，事實上也可以使用屬性元素語法進行繫結操作。如下程式碼所示：

多繫結

有時，想要繫結控制元件的屬性到源物件的多個屬性，在WPF中稱為多繫結，但這一特性在SilverLight中並不可用。前面已經討論了使用值轉換器將多個屬性合併的方法，可以採用這種方法取代多繫結。Colin Eberhardt建立了可以在SilverLight中實現的多繫結方法，可在此獲取：http://www.scottlogic.co.uk/blog/colin/2010/08/silverlight-multibinding-updated-adding-support-for-elementname-and-twoway-binding/.

注：如果使用MVVM設計模式，很少會用到多繫結，因為可以在VidwModel中新增屬性來暴露組合屬性值。

在程式碼中繫結資料

有時，需要在後置程式碼中對控制元件的屬性進行繫結。這可以使用控制元件的GetBindingExpression 和 SetBinding方法實現。

為了建立新的繫結並分配給控制元件的屬性，簡單例項化一個Binding物件（位於System.Windows.Data名稱空間），分配繫結配置到所需要的屬性上，然後使用控制元件的SetBinding方法應用繫結到目標控制元件的屬性上。SetBinding方法需要一個Binding物件和與目標控制元件需要繫結的屬性相連的依賴屬性兩個引數，記住你只能給依賴屬性分配資料繫結值。

例如，需要繫結Product實體的Name屬性到名為NameTextBox的TextBox控制元件的Text屬性：

Binding binding=new Binding(“Name”);

Binding.Mode=BindingMode.TwoWay;
NameTextBox.SetBinding(TextBox.TextProperty,binding);

在程式碼中建立繫結很簡單，也可以使用binding物件的其他屬性，如StringFormat, TargetNullValue, FallbackValue和 Source等。

可以使用控制元件的GetBindingExpression方法來獲取分配給控制元件的繫結屬性：

BindingExpression expr=NameTextBox.GetBindingExpression(TextBox.TextProperty);

這一方法返回一個BindingExpression物件。BindingExpression類有兩個屬性：ParentBinding和DataItem，以及前面提到的UpdateSource方法。ParentBinding屬性提供了分配給控制元件屬性的Binding物件，而DataItem屬性提供了為繫結充當源的物件。

在程式碼中獲取和設定附加屬性

儘管這是一個與資料繫結不同的主題，但是獲取和設定控制元件的附加屬性與獲取和設定繫結物件相類似。使用控制元件的GetValue方法，傳遞給這個方法與附加屬性相關的依賴屬性，就能獲得指定的附加屬性值。比如，使用如下程式碼獲取一個名為NameTextBox的控制元件在Grid控制元件內的行號（Grid.Row附加屬性值）：

Int row=(int)NameTextBox.GetValue(Grid.RowProperty);

可以為附加屬性指定新值，使用SetValue方法，該方法需要附加屬性以及新的值作為引數：

NameTextBox.SetValue(Grid.RowProperty,row);

上述程式碼就可以用於對控制元件在窗體中佈局的動態調整。