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>

效果：