WPF的數(shù)據(jù)綁定詳細介紹
一、WPF數(shù)據(jù)綁定的概要
數(shù)據(jù)綁定：是應用程序 UI 與業(yè)務邏輯之間建立連接的過程。 如果綁定正確設(shè)置并且數(shù)據(jù)提供正確通知，則當數(shù)據(jù)的值發(fā)生更改時，綁定到數(shù)據(jù)的視覺元素會自動反映更改。 數(shù)據(jù)綁定可能還意味著如果視覺元素中數(shù)據(jù)的外部表現(xiàn)形式發(fā)生更改，則基礎(chǔ)數(shù)據(jù)可以自動更新以反映更改。
例如：如果用戶編輯 TextBox 元素中的值，則基礎(chǔ)數(shù)據(jù)值會自動更新以反映該更改。
1. 數(shù)據(jù)綁定涉及到兩個方面：
一個是綁定源，一個是綁定目標。綁定源即控件綁定所使用的源數(shù)據(jù)，綁定目標即數(shù)據(jù)顯示的控件。
2. 對于綁定源，在WPF可以是以下四種：
•CLR對象：可以綁定到CLR類的公開的屬性、子屬性、索引器上。
•ADO.Net對象：例如DataTable、DataView等 。
•XML文件：使用XPath進行解析 。
•DependencyObject：綁定到其依賴項屬性上，即控件綁定控件 。
對于綁定目標，必須是WPF中的DependencyObject，將數(shù)據(jù)綁定到其依賴項屬性上。
二、 綁定的模式
1. 根據(jù)數(shù)據(jù)流的方向，WPF中的數(shù)據(jù)綁定分為以下四種：
OneWay 綁定:對源屬性的更改會自動更新目標屬性，但是對目標屬性的更改不會傳播回源屬性。此綁定類型適用于綁定的控件為隱式只讀控件的情況。
TwoWay 綁定:對源屬性的更改會自動更新目標屬性，而對目標屬性的更改也會自動更新源屬性。此綁定類型適用于可編輯窗體或其他完全交互式 UI 方案 。
OneWayToSource 與 OneWay 相反；它在目標屬性更改時更新源屬性。
OneTime綁定：該綁定會導致源屬性初始化目標屬性，但不傳播后續(xù)更改。
注釋：如果無需監(jiān)視目標屬性的更改，則使用 OneWay 綁定模式可避免 TwoWay 綁定模式的系統(tǒng)開銷。
大多數(shù)屬性都默認為 OneWay 綁定，但是一些依賴項屬性，通常為用戶可編輯的控件的屬性，如 TextBox 的 Text 屬性和 CheckBox 的 IsChecked 屬性，默認為 TwoWay 綁定。
如果要知道依賴項屬性綁定在默認情況下是單向還是雙向的編程方法可使用 GetMetadata 獲取屬性的屬性元數(shù)據(jù)，然后檢查 BindsTwoWayByDefault 屬性的布爾值。
示例代碼：
<Page x:Class="WpfDemo.Page1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Page1" HorizontalAlignment="Center">
<Grid Name="GridTable" Height="360" Background="Silver">
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="130"></ColumnDefinition>
<ColumnDefinition Width="150"></ColumnDefinition>
<ColumnDefinition Width="20"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Label Width="130" Height="25" Grid.Row="0" Grid.Column="0" Name="label1">TwoWay</Label>
<TextBox Width="150" Height="25" Grid.Row="0" Grid.Column="1" Name="textBox4" Text="{Binding ElementName=scrollBar1,Path=Value,Mode=TwoWay}" />
<Label Width="130" Height="25" Grid.Row="1" Grid.Column="0" Name="label2">OneWay</Label>
<TextBox Width="150" Height="25" Grid.Row="1" Grid.Column="1" Name="textBox1" Text="{Binding ElementName=scrollBar1, Path=Value,Mode=OneWay}"/>
<Label Width="130" Height="25" Grid.Row="2" Grid.Column="0" Name="label3">OneWayToSource</Label>
<TextBox Width="150" Height="25" Grid.Row="2" Grid.Column="1" Name="textBox2" Text="{Binding ElementName=scrollBar1, Path=Value,Mode=OneWayToSource}" />
<Label Width="130" Height="25" Grid.Row="3" Grid.Column="0" Name="label4">OneTime</Label>
<TextBox Width="150" Height="25" Grid.Row="3" Grid.Column="1" Name="textBox3" Text="{Binding ElementName=scrollBar1, Path=Value,Mode=OneTime}"/>
<ScrollBar Value="30" Minimum="0" Grid.RowSpan="4" Grid.Row="0" Grid.Column="2" Maximum="100" Name="scrollBar1" Width="18" Height="{Binding ElementName=GridTable,Path=Height}" />
</Grid>
</Page>
根據(jù)程序執(zhí)行結(jié)果，我們可以得到以下結(jié)論：
對于OneWay綁定：在界面中顯示的數(shù)據(jù)可以隨數(shù)據(jù)源的值的變化而變化，但更改界面的數(shù)據(jù)不會影響到數(shù)據(jù)源。
對于TwoWay綁定：界面中顯示的數(shù)據(jù)及數(shù)據(jù)源的數(shù)據(jù)可以雙向顯示及更新。
對于OneWayToSource綁定：初始時界面的數(shù)據(jù)為空；更改界面的數(shù)據(jù)可以影響數(shù)據(jù)源的值，但是更改數(shù)據(jù)源的值不會體現(xiàn)在界面上。
對于OneTime綁定：在界面中顯示的為數(shù)據(jù)源的初始值，更改數(shù)據(jù)源的值的時候，不會更改界面的數(shù)據(jù)顯示；更改界面的數(shù)據(jù)也不會影響到數(shù)據(jù)源的數(shù)據(jù)。
三、綁定目標值影響綁定源值條件
問題：綁定源的值是在您編輯文本的同時進行更新，還是在您結(jié)束編輯文本并將鼠標指針從文本框移走后才進行更新呢？或者在您需要更新的情況下在手動的更新呢？
1. UpdateSourceTrigger 屬性是確定觸發(fā)源更新的原因。
下圖中右箭頭的點演示 UpdateSourceTrigger 屬性的角色：
TwoWay及OneWayToSource是由綁定目標到綁定源方向，若實現(xiàn)綁定目標的值更改影響綁定源的值方式，只需要設(shè)置相應控件綁定時的UpdateSourceTrigger的值，其值有三種：
PropertyChanged：當綁定目標屬性更改時，立即更新綁定源。
LostFocus：當綁定目標元素失去焦點時，更新綁定源。
Explicit：僅在調(diào)用 UpdateSource 方法時更新綁定源。
注釋：多數(shù)依賴項屬性的UpdateSourceTrigger 值的默認值為 PropertyChanged，而 Text 屬性的默認值為 LostFocus。
2. 示例
XAML：
<Page x:Class="WpfDemo.Changed"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Changed">
<Grid Name="GridTable" Height="250" Background="Silver" Width="350">
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100"></ColumnDefinition>
<ColumnDefinition Width="150"></ColumnDefinition>
<ColumnDefinition Width="100"></ColumnDefinition>
</Grid.ColumnDefinitions>
<TextBlock Grid.Row="0" Width="90" Height="25" Grid.Column="0" Name="label1" Text="PropertyChanged:"></TextBlock>
<TextBlock Grid.Row="1" Width="90" Height="25" Grid.Column="0" Name="label2" Text="LostFocus:"></TextBlock>
<TextBlock Grid.Row="2" Width="90" Height="25" Grid.Column="0" Name="label3" Text="Explicit:"></TextBlock>
<TextBox Grid.Row="0" Width="150" Height="25" Text="{Binding Path=UserName,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" Grid.Column="1" Name="TextBox1" />
<TextBox Grid.Row="1" Width="150" Height="25" Text="{Binding Path=UserName,Mode=TwoWay,UpdateSourceTrigger=LostFocus}" Grid.Column="1" Name="TextBox2" />
<TextBox Grid.Row="2" Width="150" Height="25" Text="{Binding Path=UserName,Mode=TwoWay,UpdateSourceTrigger=Explicit}" Grid.Column="1" Name="txtExplicit" />
<TextBlock Grid.Row="3" Width="90" Height="25" Grid.Column="0" Name="lblResult" Text="結(jié)果："></TextBlock>
<TextBlock Grid.Row="3" Width="90" Height="25" Grid.Column="1" Name="lblDisplay" Text="{Binding Path=UserName,Mode=OneWay}"></TextBlock>
<Button Name="btnChanged" Width="90" Height="25" Grid.Row="3" Grid.Column="2">Explicit</Button>
</Grid>
</Page>
C#:
namespace WpfDemo
{
public partial class Changed : Page
{
#region properties
public UserModel CurrentUser
{
get;set;
}
#endregion
#region Constructor
public Changed()
{
InitializeComponent();
this.Loaded += new RoutedEventHandler(Changed_Loaded);
this.btnChanged.Click += new RoutedEventHandler(btnChanged_Click);
}
#endregion
#region Changed_Loaded
void Changed_Loaded(object sender, RoutedEventArgs e)
{
this.CurrentUser = new UserModel() {UserName="swd"};
this.DataContext = this.CurrentUser;
}
#endregion
#region btnLogon_Click
void btnChanged_Click(object sender, RoutedEventArgs e)
{
this.txtExplicit.GetBindingExpression(TextBox.TextProperty).UpdateSource();
}
#endregion
}
public class UserModel
{
public string UserName
{
get;set;}
}
}
程序執(zhí)行結(jié)果如上所述。
四、 數(shù)據(jù)提供程序
1. XmlDataProvider:
XmlDataProvider訪問 XML 數(shù)據(jù)的方式有以下三種：
可以使用 XmlDataProvider 類嵌入內(nèi)聯(lián) XML 數(shù)據(jù)。
可以將 Source 屬性設(shè)置為 XML 數(shù)據(jù)文件的 Uri。
可以將 Document 屬性設(shè)置為 XmlDocument。
注釋：當 XmlDocument.NodeChanged 事件發(fā)生時，XmlDataProvider 執(zhí)行所有綁定的完全刷新。 特定節(jié)點不進行優(yōu)化。
默認情況下，XmlDataProvider.IsAsynchronous 屬性設(shè)置為 true，表示默認情況下 XmlDataProvider 檢索數(shù)據(jù)并異步生成 XML 節(jié)點的集合。
以下將介紹使用上面所述的三種方式顯示xml數(shù)據(jù)：
示例
Xaml:
<Page x:Class="WpfDemo.xmlBinding"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="xmlBinding" xmlns:local="clr-namespace:WpfDemo">
<Page.Resources>
<XmlDataProvider x:Key="XmlFile" Source="Students.xml" XPath="/Students"></XmlDataProvider>
<XmlDataProvider x:Key="InnerXmlStu" XPath="/Students">
<x:XData>
<Students xmlns="">
<Student><name>swd</name></Student>
<Student><name>awd</name></Student>
<Student><name>asd</name></Student>
</Students>
</x:XData>
</XmlDataProvider>
</Page.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100"></ColumnDefinition>
<ColumnDefinition Width="150"></ColumnDefinition>
</Grid.ColumnDefinitions>
<TextBlock Grid.Row="0" Grid.Column="0" Height="25" Width="100" Text="引用XML文件"></TextBlock>
<TextBlock Grid.Row="1" Grid.Column="0" Height="25" Width="100" Text="內(nèi)嵌XML"></TextBlock>
<TextBlock Grid.Row="2" Grid.Column="0" Height="25" Width="100" Text="動態(tài)XML"></TextBlock>
<ListBox Name="lisbXmlFile" Grid.Row="0" Grid.Column="1" Height="100" Width="150" ItemsSource="{Binding Source={StaticResource XmlFile},XPath=Student/name}">
</ListBox>
<ListBox Name="lisbInnerXml" Grid.Row="1" Grid.Column="1" Height="100" Width="150" ItemsSource="{Binding Source={StaticResource InnerXmlStu},XPath=Student/name}">
</ListBox>
<ListBox Name="lisbXmlDoc" Grid.Row="2" Grid.Column="1" Height="100" Width="150" ItemsSource="{Binding XPath=Student/name}">
</ListBox>
</Grid>
</Page>
XML:
<?xml version="1.0" encoding="utf-8" ?>
<Students>
<Student>
<name>swd</name>
<score>110</score>
</Student>
<Student>
<name>asd</name>
<score>120</score>
</Student>
<Student>
<name>awd</name>
<score>130</score>
</Student>
</Students>
通過以上示例我想大家應該很容易理解與應用。
2. ObjectDataProvider:
ObjectDataProvider 使您能夠在 XAML 中創(chuàng)建可用作綁定源的對象，并為您提供以下屬性，以對對象執(zhí)行查詢并綁定到結(jié)果。
使用 ConstructorParameters 屬性將參數(shù)傳遞給對象的構(gòu)造函數(shù)。
使用 MethodName 屬性調(diào)用一個方法。
使用 MethodParameters 屬性將參數(shù)傳遞給該方法。 然后，可以綁定到該方法的結(jié)果。
使用ObjectType 指定將提供數(shù)據(jù)綁定源的對象。
使用 ObjectInstance 屬性來指定現(xiàn)有的對象實例作為源
注釋：還可以使用 IsAsynchronous 屬性指定是在輔助線程還是在活動上下文中執(zhí)行對象創(chuàng)建。也就是是否異步檢索數(shù)據(jù)。
示例:
XAML:
C#:
namespace WpfDemo
{
#region CObjectDataProvider
public partial class CObjectDataProvider : Page
{
public CObjectDataProvider()
{InitializeComponent();}
}
#endregion
#region Country
public class Country
{
#region Name
public string Name
{get;set;}
#endregion
#region ProvinceList
public List<Province> ProvinceList
{get;set;}
#endregion
#region GetAllCity
public static List<Country> GetAllCity()
{
return new List<Country>{
new Country
{
Name = "中國",
ProvinceList = new List<Province>
{
new Province{ Name="福建省",
CityList=new List<City>{new City{Name="福州市"},new City{Name="廈門市"},new City{Name="漳州市"},new City{Name="泉州市"}}
},
new Province{Name="江蘇省",
CityList=new List<City>{
new City{Name="蘇州市"},new City{Name="南京市"},new City{Name="揚州市"},new City{Name="無錫市"}}
},
new Province{Name="江西省",
CityList=new List<City>{new City{Name="南昌市"},new City{Name="九江市"}}}}
}
};
}
#endregion
}
#endregion
#region Province
public class Province
{
#region Name
public string Name
{get;set;}
#endregion
#region CityList
public List<City> CityList
{get;set;}
#endregion
}
#endregion
#region City
public class City
{
#region Name
public string Name
{get;set;}
#endregion
}
#endregion
}
五、類型轉(zhuǎn)換與數(shù)據(jù)校驗
1. IValueConverter接口
提供一種將自定義邏輯應用于綁定的方式。
在Binding時，數(shù)據(jù)源對象到目標對象之間(或者目標對象到數(shù)據(jù)源對象)可能需要某種轉(zhuǎn)換。這時只需實現(xiàn)IValueConverter接口自定義值轉(zhuǎn)換器即可。
接口原型定義：
public interface IValueConverter
{
object Convert(object value, Type targetType, object parameter, CultureInfo culture);
object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture);
}
參數(shù)value是要轉(zhuǎn)換的值，typeTarget是轉(zhuǎn)換后的值類型，parameter是Binding 類的 ConverterParameter傳遞過來的參數(shù)。
Convert方法：數(shù)據(jù)綁定引擎在將值從綁定源傳播給綁定目標時，調(diào)用此方法。
ConvertBack方法：數(shù)據(jù)綁定引擎在將值從綁定目標傳播給綁定源時，調(diào)用此方法。
ValueConversion屬性作用是告訴自定義轉(zhuǎn)換器類可以轉(zhuǎn)換的源數(shù)據(jù)和目標數(shù)據(jù)的 類型（ValueConversion屬性將在稍后的示例中看到）。
2. ValidationRule類
提供一種為檢查用戶輸入的有效性而創(chuàng)建自定義規(guī)則的方法。
ValidationRule : 所有自定義驗證規(guī)則的基類。提供了讓用戶定義驗證規(guī)則的入口。
ExceptionValidation ：表示一個規(guī)則，該規(guī)則檢查在綁定源屬性更新過程中引發(fā)的異常。它是一個內(nèi)置的規(guī)則，它檢查在綁定源屬性更新過程中引發(fā)的異常。
ValidationResult ： 數(shù)據(jù)驗證結(jié)果的表現(xiàn)方式。ValidationRule對象的Validate方法執(zhí)行完畢后通過ValidationResult來表示驗證的結(jié)果。這里包含了錯誤信息—ErrorContent，數(shù)據(jù)是否有效—IsValid。ValidResult 為 ValidationResult 的有效實例。
ValidationError ：表示一個驗證錯誤，該錯誤在 ValidationRule 報告驗證錯誤時由綁定引擎創(chuàng)建。
XAML:
<Page x:Class="WpfDemo.TypeConvertAndValidationRule"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="TypeConvertAndValidationRule"
xmlns:src="clr-namespace:WpfDemo">
<Grid Height="250" Width="360" Background="Silver">
<Grid.RowDefinitions>
<RowDefinition>
</RowDefinition>
<RowDefinition>
</RowDefinition>
<RowDefinition>
</RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition>
</ColumnDefinition>
<ColumnDefinition>
</ColumnDefinition>
</Grid.ColumnDefinitions>
<TextBlock Height="25" Width="100" Text="生日" Grid.Row="0" Grid.Column="0"></TextBlock>
<TextBox Name="txtBirthday" Height="25" Width="150" Grid.Row="0" Grid.Column="1">
<TextBox.Text>
<Binding Path="Birthday" UpdateSourceTrigger="LostFocus" Mode="TwoWay">
<Binding.ValidationRules><src:ValidationDateTimeRule/></Binding.ValidationRules>
<Binding.Converter><src:MyConverterOfBirthFormat/></Binding.Converter>
</Binding>
</TextBox.Text>
<TextBox.ToolTip>
<Binding RelativeSource="{RelativeSource Self}" Path="(Validation.Errors) [0].ErrorContent"></Binding>
</TextBox.ToolTip> </TextBox>
<TextBlock Height="25" Width="150" Grid.Row="1" Text="{Binding Path=Birthday,Mode=OneWay}" Grid.Column="1"></TextBlock>
<TextBlock Height="25" Width="100" Text="電子郵件格式檢查" Grid.Row="2" Grid.Column="0"></TextBlock>
<TextBox Height="25" Width="150" Grid.Row="2" Grid.Column="1">
<TextBox.Text>
<Binding Path="EMail">
<Binding.ValidationRules><ExceptionValidationRule /></Binding.ValidationRules>
</Binding> </TextBox.Text>
<TextBox.ToolTip>
<Binding RelativeSource="{RelativeSource Self}" Path="(Validation.Errors)[0].ErrorContent"></Binding>
</TextBox.ToolTip> </TextBox>
</Grid>
</Page>
C#:
namespace WpfDemo
{
#region TypeConvertAndValidationRule
public partial class TypeConvertAndValidationRule : Page
{
public TypeConvertAndValidationRule()
{
InitializeComponent();
this.DataContext = new UserInfo { Name = "swd", Birthday =System.Convert.ToDateTime("1987/10/21"), EMail = "swd@126.com" };
}
}
#endregion
#region UserInfo
public class UserInfo
{
#region Name
public string Name
{get;set;}
#endregion
#region Birthday
public DateTime Birthday
{get;set;}
#endregion
#region EMail
private string email;
public string EMail
{
get
{return email;}
set
{
this.email = value;
Regex r = new Regex(@"^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$");
if (!r.IsMatch(value))
{
throw new ApplicationException("電子郵件格式有誤！");
}
}
}
#endregion
}
#endregion
六、 綁定集合對象
1. ICollectionView接口
允許集合具有當前記錄管理、自定義排序、篩選和分組這些功能。比如排序,分組,篩選,導航以及其它自定義視圖,并且這不會影響到你的后臺數(shù)據(jù)的實際存儲。
2. ObservableCollection <T> 類
表示一個動態(tài)數(shù)據(jù)集合，在添加項、移除項或刷新整個列表時，此集合將提供通知。
3. WPF MVVM概要
MVVM（Model-View-ViewModel）是由MVC,MVP演變而來。MVVM分離了邏輯與界面，解放業(yè)務邏輯。
相關(guān)文章
這篇文章主要為大家詳細介紹了開源跨平臺運行服務插件TaskCore.MainForm的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
根據(jù)身份證號碼計算出生日期、年齡、性別（18位） 根據(jù)入職時間計算工齡
根據(jù)身份證號碼計算出生日期、年齡、性別（18位）；根據(jù)入職時間計算工齡實現(xiàn)代碼，需要的朋友可以參考下2012-10-10
這篇文章主要介紹了moq 的常用使用方法的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
集合是一些有共同特征的獨立數(shù)據(jù)項組成的，通過集合，我們可以可以使用相同的調(diào)用代碼來處理一個集合的所有元素，而不用單獨處理每一個單獨的項2013-04-04
下面小編就為大家分享一篇解決asp.net上傳文件超過了最大請求長度的問題，具有很好的參考價值，希望對大家有所幫助2017-11-11
本文描述了.net中幾種下載文件的方法，需要的朋友可以參考一下2013-03-03
本文給大家詳細介紹了如何使用.NET Core寫爬蟲爬取電影天堂的方法和詳細步驟，非常的細致，有需要的小伙伴可以參考下2016-12-12
asp.net中時間類——得到一周的周一和周末的日期2008-12-12
asp.net 光棒效應（今天剛剛學到的）2009-12-12
這篇文章主要介紹了微信語音上傳 下載功能實例代碼,需要的朋友可以參考下2017-08-08