首页 > 代码库 > 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(一)