WPF数据绑定(1简单数据绑定)

小疯最近的项目组工作开发中需要用到WPF&＃xff0c;所以最近在学习WPF&＃xff0c;小疯对于WPF中的绑定比较迷糊&＃xff0c;认为这里需要多注意。然后小疯在这里找到了一篇文章&＃xff0c;转过来分享一下&＃xff1a;

 

数据绑定就是将各种数据与用户展现控件进行关联的过程。WPF的数据绑定机制可以以最少的代码方便地处理这样的关联。

简单数据绑定

1 无数据绑定

在实现这样的用户交互的时候&＃xff1a;

 

在没有任何数据绑定机制实现的时候无非采用

this.nameTextBox.Text &＃61; person.Name;

this.ageTextBox.Text &＃61; person.Age.ToString();

这样的赋值的方法&＃xff0c;而一旦数据改变了&＃xff0c;将界面的值写回给person对象。

1.1对象改变

我们现在需要当对象发生改变的时候&＃xff0c;UI的现实如何同步跟着改变呢&＃xff1f;

实现起来还是比较复杂的&＃xff0c;看如下代码就明白了。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.ComponentModel;//INotifyPropertyChanged

namespace SimpleDataBinding
{
    class Person:INotifyPropertyChanged 
    {
        public event PropertyChangedEventHandler PropertyChanged;
        protected void Notify(string PropName)
        {
            if (this.PropertyChanged !&＃61; null)
            {
                PropertyChanged(this,new PropertyChangedEventArgs(PropName));
            }
        }

        public Person()
        {
            _Age &＃61; 0;
            _name &＃61; "Null";
        }

        private string _name;
        public string Name
        {
            get
            {  return _name; }
            set
            {
                if (value &＃61;&＃61; _name)
                { return; }
                _name &＃61; value;//注意&＃xff1a;不能用this.Name来赋值&＃xff0c;如果这样形成循环调用&＃xff0c;栈溢出
                Notify("Name");
            }
        }

        private int _Age;
        public  int Age
        {
            get
            { return _Age; }
            set
            {
                if (value &＃61;&＃61; _Age) return;
                _Age &＃61; value;
                Notify("Age");
            }
        }

    }
}

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.ComponentModel;

namespace SimpleDataBinding
{
    ///

    /// Window1.xaml 的交互逻辑
    ///

    public partial class WithoutDataBinding : Window
    {
        private Person _person;

        public WithoutDataBinding()
        {
            InitializeComponent();

            //可以采用如下对象初始化&＃xff0c;但本示例为了使用使用属性改变UI改变就先不赋值。
            //_person &＃61; new Person
            //{
            //    Name &＃61; "zhangying",
            //    Age &＃61; 28
            //};
            _person &＃61; new Person();

            _person.PropertyChanged &＃43;&＃61; delegate(object sender, PropertyChangedEventArgs e)
           {
               switch (e.PropertyName)
               {
                   case "Name":
                       this.txt_name.Text &＃61; _person.Name;
                       break;
                   case "Age":
                       this.txt_age.Text &＃61; _person.Age.ToString();
                       break;

               }
           };

        }

        private void button2_Click(object sender, RoutedEventArgs e)
        {
            _person.Name &＃61; "zhangying";
            _person.Age &＃61; 28;
        }

    }
}

 

1.2 UI改变

当UI的输入值发生变化的时候&＃xff0c;如何同步对象的值呢&＃xff1f;这需要给他们设置事件代码&＃xff1a;

private void txt_name_TextChanged(object sender, TextChangedEventArgs e)

{

_person.Name &＃61; this.txt_name.Text;

}

private void txt_age_TextChanged(object sender, TextChangedEventArgs e)

{

int age &＃61; 0;

if(int.TryParse(this.txt_age.Text,out age)

{

_person.Age &＃61; age ;

}

}

2数据绑定

上面的示例是使用人工的手段将对象属性与UI显示进行同步&＃xff0c;而WPF数据绑定则是注册两个属性与数据绑定引擎&＃xff0c;来处理同步&＃xff0c;合适的数据转换&＃xff0c;如下图&＃xff1a;

2.1 Bindings

1.使用元素属性绑定&＃xff1a;

2. 简化属性绑定

更简化方式&＃xff1a;

看一个更多特性的绑定方式(属性元素的方式)&＃xff1a;

Converter&＃61;"{StaticResource ageConverter}" />

上面的绑定可以采用如下简洁方式&＃xff1a;

Foreground&＃61;"{Binding Path&＃61;Age, Mode&＃61;OneWay, Source&＃61;{StaticResource Tom},

Converter&＃61;{StaticResource ageConverter}}" />

注意上面的引号的用法和不用引号的用法&＃xff0c;使用属性元素的方式必须用引号。

下面图表列出绑定到一个对象时候可能用到的属性&＃xff1a;

这些属性后面将一一介绍到。

2.2 隐式数据源Implicit Data Source

在WPF中&＃xff0c;每个FrameworkElement 和FrameworkContentElement对象都有一个DataContex属性&＃xff0c;该属性是Object类型&＃xff0c;所以你可以给它指定任何类型的值。当我们定义个对象作为绑定对象&＃xff0c;则绑定引擎在逻辑树上寻找该数据库绑定源&＃xff0c;如下图所示&＃xff1a;

2.3 数据岛Data Islands

看以下代码示例就明白了&＃xff1a;

private void btn_Click(object sender, RoutedEventArgs e)

{

Person person &＃61; (Person)this.FindResource("zy");

MessageBox.Show(string.Format("I am {0},Age is {1}",person.Name,person.Age.ToString()));

}

2.4 显示数据源Explicit Data Source

显示数据源设置对于多个数据源是很重要的&＃xff0c;我们可以通过绑定属性的Source来实现。

注意上面两个文本框设置了不同的数据源的属性。

2.5 绑定到其他控件binding to other controls

如下代码所示&＃xff1a;

2.6 值转换 Value Conversation

上面的代码我们发现绑定是将一个数值类型绑定到一个字符串&＃xff0c;类型不符合&＃xff0c;这究竟是如何做到的呢&＃xff1f;原来这是一个号称Value Converter类的功劳&＃xff0c;它实现了IValueConverter接口&＃xff0c;该接口有两个方法&＃xff1a;Convert和ConvertBack。&＃xff08;该接口在System.Windows.Data命名空间&＃xff0c;PresentationFramework.dll程序集中&＃xff09;&＃xff0c;实现 IValueConverter 接口时&＃xff0c;最好用ValueConversionAttribute 属性来修饰此实现&＃xff0c;以便向开发工具指示转换所涉及的数据类型&＃xff0c;如下面的示例所示&＃xff1a;&＃xff08;以下示例摘录自MSDN&＃xff09;

看下面的使用方法&＃xff1a;

使用方法&＃xff0c;先指定数据源

2.7 Editable Value Conversion

2.8 Validation

一个验证规则就是在一条目标数据更新来源数据的时候的一段数据验证代码&＃xff0c;这段代码一般是继承ValidationRule类并覆盖Validate方法&＃xff0c;一个内置的规则称为ExceptionValidationRule

如下代码我们可以看到使用最基本的验证的方式&＃xff1a;

当我们运行程序的时候

红色边框显示输入框数据格式错误。但是我们发现这样仍然不够友好&＃xff0c;因为没有消息提示到底为什么错误。

为了显示错误&＃xff0c;需要使用绑定的事件来侦听ValidationError&＃xff0c;代码示例很容易说明这点&＃xff1a;

这样还不行&＃xff0c;还必须如下图设置&＃xff1a;

运行结果大家肯定很明白了&＃xff0c;当然这也许还不是我们需要的&＃xff0c;我们可以更多地控制行为&＃xff0c;这就要求我们自定义验证规则。下面我们以一个实例来讲解自定义验证规则。

首先我们通过继承ValidationRule类然后覆写validate方法&＃xff0c;还是让代码说明一切吧&＃xff1a;

在实际项目中&＃xff0c;可能大家对错误提示采用对话框不是很喜欢&＃xff0c;最好的方式是WindowsForm的验证方式Tooltip&＃xff0c;但有一点需要注意ValidateRule没有类似ValidateSucess事件让我们清除错误的时候产生的Tooltip&＃xff0c;以至于整个Tooltip的显示很奇怪。

2.9绑定路径句法Binding Path Syntax

以下列出MSDN上的描述&＃xff1a;

使用 Path 属性可以指定您要绑定到的源值&＃xff1a;

· 在最简单的情况下&＃xff0c;Path 属性值是要用于绑定的源对象的属性名&＃xff0c;如 Path&＃61;PropertyName。

· 在 C# 中可以通过类似语法指定属性的子属性。 例如&＃xff0c;子句 Path&＃61;ShoppingCart.Order 设置与对象或属性 ShoppingCart 的 Order 子属性的绑定。

· 若要绑定到附加属性&＃xff0c;应在附加属性周围放置圆括号。 例如&＃xff0c;若要绑定到附加属性 DockPanel..::.Dock&＃xff0c;则语法是 Path&＃61;(DockPanel.Dock)。

· 可以在要应用索引器的属性名后面的方括号内指定属性的索引器。 例如&＃xff0c;子句 Path&＃61;ShoppingCart[0] 将绑定设置为与属性的内部索引处理文本字符串“0”的方式对应的索引。 还支持嵌套的索引器。

· 可以在 Path 子句中混合索引器和子属性&＃xff1b;例如&＃xff0c;Path&＃61;ShoppingCart.ShippingInfo[MailingAddress,Street].

· 在索引器内部&＃xff0c;您可以有多个由逗号 (,) 分隔的索引器参数。 可以使用圆括号指定每个参数的类型。 例如&＃xff0c;您可以有 Path&＃61;"[(sys:Int32)42,(sys:Int32)24]"&＃xff0c;其中 sys 映射到 System 命名空间。

· 如果源为集合视图&＃xff0c;则可以用斜杠 (/) 指定当前项。 例如&＃xff0c;子句 Path&＃61;/ 用于设置到视图中当前项的绑定。 如果源为集合&＃xff0c;则此语法指定默认集合视图的当前项。

· 可以结合使用属性名和斜杠来遍历作为集合的属性。 例如&＃xff0c;Path&＃61;/Offices/ManagerName 指定源集合的当前项&＃xff0c;该源集合包含也作为集合的 Offices 属性。 其当前项是一个包含 ManagerName 属性的对象。

· 也可以使用句点 (.) 路径绑定到当前源。例如&＃xff0c;Text&＃61;”{Binding}” 等效于 Text&＃61;”{Binding Path&＃61;.}”。

转义机制

· 在索引器 ([ ]) 内部&＃xff0c;插入符号 (^) 用于对下一个字符进行转义。

· 如果您在 XAML 中设置 Path&＃xff0c;则还需要使用 XAML 实体对 XAML 分析程序专用的某些字符进行转义&＃xff1a;

· 使用 & 对字符“&”进行转义。

· 使用 > 对结束标记“>”进行转义。

· 此外&＃xff0c;如果您使用标记扩展语法描述属性中的整个绑定&＃xff0c;则需要使用反斜杠 \ 对 WPF 标记扩展分析程序专用的字符进行转义&＃xff1a;

· 反斜杠 \ 本身是转义字符。

· 等号 (&＃61;) 将属性名与属性值隔开。

· 逗号 (,) 用于分隔属性。

· 右大括号 (}) 是标记扩展的结尾。

Binding the ToolTip property to the validation error message

Name&＃61;"ageTextBox" ...

ToolTip&＃61;"{Binding

ElementName&＃61;ageTextBox,

Path&＃61;(Validation.Errors)[0].ErrorContent}">

2.10相对数据源Relative Source

还是代码来说明更易理解

ToolTip&＃61;"{Binding RelativeSource&＃61;{RelativeSource Self},

Path&＃61;(Validation.Errors)[0].ErrorContent}">

在上面实例中我们采用 ElementName&＃61;txtDate这样的方式指定的&＃xff0c;这里使用self来表示引用该标签所在的元素生成的对象&＃xff0c;当然我们还可以使用类似于parent指向上一级&＃xff0c;关于Relative resource在后续章节会继续讨论。

2.11更新源数据触发器Update Source Trigger

在前面我们基本上是在目标控件的失去焦点的时候发生相关验证并更新数据源的&＃xff0c;而实际上更新数据源的机制有多种类型&＃xff0c;如下&＃xff1a;

namespace System.Windows.Data

{

     public enum UpdateSourceTrigger

     {

          Default &＃61; 0, // updates "naturally" based on the target control

          PropertyChanged &＃61; 1, // updates the source immediately

          LostFocus &＃61; 2, // updates the source when focus changes

          Explicit &＃61; 3, // must call BindingExpression.UpdateSource()

      }

}

而在XAML里面必须如下声明&＃xff1a;