首页 > 代码库 > Note7:MVVM模式之数据绑定

Note7:MVVM模式之数据绑定

2024-09-25 20:44:39   214人阅读

一、资源说明

（1）本文参考自：

  • 一步步走进WPF的MVVM模式(二)：数据绑定
  • WPF之数据绑定总结

 

二、正文

 数据绑定 (Data Binding)是WPF最重要的特性之一，也是实现 MVVM(WPF) 模式的一大支柱。
 
简而言之，数据绑定就是将两个属性绑定在一起，源属性(source)改变带动目标属性(target)一起改变。这样也减少了事件(Events)的使用。
绑定源可以是任意对象的属性，而目标必须是依赖对象的依赖属性。
 
绑定源主要分为以下几种场景（后面主要介绍前两种）：
（1）依赖对象(DependencyObject)：可以绑定到任意依赖对象的依赖属性。
（2）CLR对象：可以绑定到任意CLR对象的公共属性、子属性以及索引器。绑定引擎使用CLR反射来获取属性值。
（3）动态对象：可以绑定到对象的可用属性和索引器，该对象实现 IDynamicMetaObjectProvider 接口。
（4）ADO.NET对象：可以绑定到ADO.NET对象，如 DataTable 。ADO.NET DataView 实现 IBindingList 接口，该接口提供绑定引擎侦听的更改通知。
（5）XML对象：可以绑定到并运行 XmlNode 、 XmlDocument 或 XmlElement 上的 XPath 查询。

  • 元素对元素的绑定

一种典型的场景是元素对元素的绑定(Element to Element binding)，当一个元素属性发生改变，界面上另外绑定的元素属性也随之改变。

<stackpanel>
    <textbox fontsize="{Binding ElementName=slider,Path=Value}" text="Welcome to WPF world." name="txt" />
    <slider name="slider" maximum="26" minimum="14" />
    <textblock text="{Binding ElementName=slider,Path=Value}" name="block" />
</stackpanel>

当我们拖动Slider的时候， TextBox 中字体的大小会随之改变，下方 TextBlock 中也会更新值。数据绑定利用XAML中 binding 关键字，设置它的 ElementName 和 Path 属性。也可以在代码中设置：

Binding bind = new Binding
{
    Source = this.slider,
    Path = new PropertyPath("Value")
};

BindingOperations.SetBinding(this.txt, TextBox.FontSizeProperty, bind);
BindingOperations.SetBinding(this.block, TextBlock.TextProperty, bind);

这在自定义控件中用的比较多。

上面的例子中都遵循着"数据源到目标"的 数据流方向 ，叫做"OneWay"的形式。WPF支持以下几种数据流方向：

（1）OneWay：绑定源更改时，更新绑定目标属性。
（2）TwoWay：导致对源属性或目标属性的更改可自动更新对方。
（3）OneTime：当应用程序启动或数据上下文更改时，更新绑定目标。比如用在命令(commands)上面。
（4）OneWayToSource：当目标属性更改时更新源属性。当目标属性不是依赖属性，而源属性是依赖属性的情况下，这就派上用场了。
（5）Default：使用绑定目标的默认Mode值。TextBox.Text属性默认是TwoWay绑定，而大部分情况下，比如TextBlock.Text属性就是OneWay绑定。

那么何时触发绑定呢？WPF为我们提供了 UpdateSourceTrigger 属性，这是一个枚举值： LostFocus , PropertyChanged , Explicit , Default 。从字面意思也能知道何时触发。需要注意的是，这个属性只有当 Mode 被设置为 TwoWay 或者 OneWayToSource 的时候才能生效。

我们也可以手动触发绑定：

var expr = BindingOperations.GetBindingExpression(this.txt, TextBox.FontSizeProperty);
expr.UpdateSource();
//or
expr.UpdateTarget();

  • 绑定到CLR对象

这是最常用的一种情形了。

技术分享

当程序初始化的时候，某个人的年龄数值为10。一旦我点击了下面的Button，那么上面的数值会立刻变成30：

技术分享

这里，我们没有在Button的 Click 事件里直接改变中间TextBlock控件的 Text 属性，而是改变了这个 Person 对象的 Age 值，而最终的效果就是这个TextBlock控件的 Text 属性也跟着改变了。Data Binding机制在中间起到桥梁的作用。下面，我们来看看 Person 类的实现细节：

public class Person:INotifyPropertyChanged
{
        
    public Person(int _age)
    {
        age = _age;
    }

    private int age;
    public int Age
    {
        get { return age; }
        set
        {
            if (PropertyChanged != null)
            {
                //follow below order
                age = value;
                PropertyChanged(this, new PropertyChangedEventArgs("Age"));
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;  
}

这个Person类实现了 INotifyPropertyChanged 接口(命名空间：System.ComponentModel)，这个接口是WPF中数据绑定的核心接口。换言之，如若要想让CLR对象被成功绑定，那么这个接口就是必须的。这个接口只包括一个事件 PropertyChanged 。

Person 类内部包含一个属性 Age ，在其Setter中有一些逻辑，当然也是很容易懂的。如果这个属性被改变了，那么做一些更改，并向外部发出一些通知。

当然，你也可以将 Person 类继承 DependencyObject 类，让这个类变成依赖对象，里面的属性也就变成了依赖属性。但是，不建议这样做。

将需要被绑定的CLR对象实现 INotifyPropertyChanged 接口，这就是全部的准备工作了。

还有一种常见的情况：需要绑定一个集合对象，比如ListBox控件。这个时候，我们需要将这个集合对象继承自 ObservableCollection<T> 类即可，在后面MVVM框架的内容中会对此有进一步的理解。

 

数据绑定的核心就是上面介绍的，但是绑定的过程中肯定会遇到一些细节问题，幸好WPF为我们提供了很多机制，可以参考这些介绍做一个了解：

  • 数据模板(data template)： http://wpftutorial.net/DataTemplates.html
  • 值转换器(value converters)： http://wpftutorial.net/ValueConverters.html
  • 绑定到多个属性(bind to multiple properties)： http://tech.pro/tutorial/809/wpf-tutorial-using-multibindings
  • 验证数据(validating data)： http://wpftutorial.net/DataValidation.html

Note7:MVVM模式之数据绑定


联系
我们