WPF中控件Binding命令的绑定用法

开发工具与关键技术：Visual Studio 2017、Binding

作者：邓崇富

撰写时间：2019 年 5 月 14 日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在WPF中，Binding相当于数据的桥梁，它的两端分别是Binding的源（Source）和目标（Target）。

数据从哪里来，哪里就是数据源，Binding是架在中间的桥梁，Binding目标是数据要到哪里去。一般情况下，Binding源是逻辑层的对象，Binding目标是UI层的控件对象；下面的一个例子创建一个简单的数据源并通过Binding把它绑定到UI元素上。

首先创建一个名为Student的类，这类的实例将作为数据源来使用

class Student

    {

        private string name;

        public string Name

        {

            get { return name; }

            set { name = value; }

        }

      

    }

可以看到Student这个类非常简单，只有一个string类型的Name属性。前面说过，数据源是一个对象，一个对象身上会有很多数据，这些数据又通过属性暴露给外界。这个属性就称为Binding的路径（Path）。但光有属性还不行，Binding是一种自动机制，当值变化后属性要有能力通知Binding,让Binding把变化传递给UI元素。方法是在属性的set语句中激发一个PropertyChanged事件。这个事件不需要我们去声明，我们要做的是让作为数据源的类实现System.ComponentModel名称空间中的INotifyPropertyChanged接口。当为Binding设置了数据源后，Binding就会自动侦听来自这个接口的PropertyChanged事件。

下面是实现INotifyPropertyChanged接口的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"));

                }

            }

        }

    }

当Name属性的值发生变化时PropertyChanged事件就会被激发，Binding接收到这事件后发现事件的消息告诉它是名为Name的属性发生了值的改变，于是就会通知Binding目标端的UI元素显示新的值。

然后，在窗体上准备一个文本框（TextBox）和一个按钮（Button）。TextBox将作为Binding目标，在Button的Click事件发生改变时改变Student对象的Name属性值

<Window x:Class="练习.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="250" Width="400">

    <Grid>

        <TextBox x:Name="textBoxName" FontSize="16" BorderBrush="Black" HorizontalAlignment="Left" Height="31" Margin="62,61,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="262"/>

        <Button Content="按钮"  Click="Button_Click" HorizontalAlignment="Left" Margin="140,147,0,0" VerticalAlignment="Top" Width="75"/>

    </Grid>

</Window>

接下来，使用Binding把数据源绑定到UI元素上，代码如下：

public partial class MainWindow : Window

    {

        Student stu;

        public MainWindow()

        {

            InitializeComponent();

            //准备数据源

            stu = new Student();

            //准备Binding

            Binding binding = new Binding();

            binding.Source = stu;

            binding.Path = new PropertyPath("Name");

            //使用Binding连接数据源与Binding目标

            BindingOperations.SetBinding(this.textBoxName, TextBox.TextProperty, binding);

        }

        //点击事件

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            //绑定的数据

            stu.Name += "你点击到我了！";

        }

}

上面这段代码是Windowl类的后台代码部分，它的UI部分是上面给出的XAML代码。“Student stu;”是为Window类声明了一个Studentl类型的成员变量，这样是为了在Window的构造器和Button.Click事件处理中都能访问由它引用的Student实例（数据源）。

在Window的构造器中“InitializeComponent();”是自动生成的代码，用途是初始化UI元素。“stu = new Student();”这句代码是创建了一个Student类型的实例并用stu成员变量引用它，这个实例就是我们要用到的数据源。

在准备Binding的部分，先是用“Binding binding = new Binding();”声明Binding类型变量并创建实例，然后使用“binding.Source = stu;”为Binding实例指定数据源，最后使用“binding.Path = new PropertyPath("Name");”语句为Binding指定路径。

把数据源和目标连接在一起是使用“BindingOperations.SetBinding(………);”方法完成的。

这个方法的3个参数是记忆的重点：

1. 第一个参数用于指定Binding的目标，本例中是this.textBoxName。
2. 与数据源的Path原理类似，第二个参数用于为Binding指明把数据送达目标的那个属性。
3. 第三个参数就是指定使用哪个Binding实例将数据源与目标关联起来。

处于末尾的Button_Click()方法是Button元素Click事件的处理器，在它内部我们对数据源的Name属性进行了更新。

运行程序后，当你单击按钮时，TextBox就会即时显示更新后的Name属性值，如下图：

同时，还可以借助Binding类的构造器及C#3.0的对象初始化器语法来简化“//准备数据源

、//准备Binding、//使用Binding连接数据源与Binding目标”这几段代码。

简化后的代码如下：

//三合一操作

 this.textBoxName.SetBinding(TextBox.TextProperty, new Binding("Name") { Source = stu = new Student() });