首页 > 代码库 > WPF学习之Binding（一）
WPF学习之Binding（一）
Binding
WPF的核心理念是传统的变UI驱动程序为数据驱动UI，支撑这个理念的基础就是Data Binding和与之相关的数据校验和转换。
使用Binding时，最重要的是准确设置它的源和路径。
Binding基础
Binding是数据的桥梁，两端分别是Source（源）和Target（目标）
例子：创建一个简单的数据源binding在UI元素上
创建数据源（student类）
class Student : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; private string name; public string Name { get { return name; } set { name = value; if (this.PropertyChanged != null) { this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("Name")); } } } }
在窗体上放一个TextBox和一个Button，TextBox为绑定对象
<StackPanel> <TextBox x:Name="textboxName" BorderBrush="Black" Margin="5"/> <Button Content="Add Age" Margin="5" Click="Button_Click_1"/> </StackPanel>
使用Binding把数据源和UI元素连接起来，C#代码如下：
Student stu; public BD() { InitializeComponent(); stu = new Student(); Binding bd = new Binding(); bd.Source = stu; bd.Path = new PropertyPath("Name"); BindingOperations.SetBinding(this.textboxName, TextBox.TextProperty, bd); } private void Button_Click_1(object sender, RoutedEventArgs e) { stu.Name += "Name"; }
效果：
绑定模型：
Binding的源和路径
Binding的源也就是数据的源头，Binding对数据的源并不苛刻——只要它是一个对象，并且通过属性（Property）公开过自己的数据。它就能作为Binding的源。
大多数情况下Binding的源是逻辑层对象，但有时候为了让UI元素之间产生联动也会使用Binding在控件间建立关联。
下面是把TextBox的Text属性绑定在Slider的Value属性上，代码如下：
<TextBox x:Name="textboxName" Text="{Binding Path=Value, ElementName=slider1}" BorderBrush="Black" Margin="5"/> <Slider x:Name="slider1" Maximum="100" Minimum="0" Margin="5"/>
效果：
控制Binding的方向及数据更新
绑定是源与目标沟通的桥梁，默认情况下数据既能通过Binding送达目标，目标也能通过绑定回源（收集用户对数据的修改）。
有时候数据需要展示给用户，不允许修改，这时候可以把Binding模式改我源向目标单向沟通。Binding还支持目标向源单向沟通以及只在Binding关系确定时只读取一次数据。
控制Binding数据流向的属性是Mode。BindingMode可取数据为：TwoWay、OneWay、OneTime、OneWayToSource、Default。
Default是指Binding的模式会根据目标实际情况来确定。比如可编辑的(TextBox.Text属性)，就采取双向模式；只读（TextBlock.Text属性），就采取单向模式。
Binding的路径（Path）
Binding源的对象可能有很多属性，通过这些属性可以把数据暴露给外界。
Binding需要关注哪个属性由Path属性来决定。如把Slider控件对象作为源，Value属性作为路径。
当使用一个集合或者DataView作为Binding源时，把默认元素当做Path使用。C#代码如下：
List<string> stringList = new List<string>() { "Tim", "Tom", "Blog" }; this.textBox1.SetBinding(TextBox.TextProperty, new Binding("/") { Source = stringList }); this.textBox2.SetBinding(TextBox.TextProperty, new Binding("/Length") { Source = stringList, Mode = BindingMode.OneWay }); this.textBox3.SetBinding(TextBox.TextProperty, new Binding("/[2]") { Source = stringList, Mode = BindingMode.OneWay });
效果：
没有Source的Binding——使用DataContext作为binding的源
Binding只知道自己的Path而不知道Source时，会沿着UI元素树一路向树的根部找下去，每遇到一个节点都会看看这个节点的DataContext是否具有Path指点的属性。
如果有就把这个对象当成自己的Source，如果没有继续找下去。如果到根部还没有，这个binding就没有Source，因而看不到数据。
例子：XAML代码如下：
<StackPanel Background="LightBlue"> <StackPanel.DataContext> <local:Student1 Id="3" Age="23" Name="Tim"/> </StackPanel.DataContext> <Grid> <StackPanel> <TextBox Text="{Binding Path=Id}" Margin="5"/> <TextBox Text="{Binding Path=Age}" Margin="5"/> <TextBox Text="{Binding Path=Name}" Margin="5"/> <TextBlock Text="{Binding}" Margin="5"/> <TextBlock Text="{Binding}" Margin="5"/> <TextBlock Text="{Binding}" Margin="5"/> </StackPanel> </Grid> </StackPanel>
效果：
WPF学习之Binding（一）