WPF的数据绑定详细介绍

数据绑定：是应用程序 UI 与业务逻辑之间建立连接的过程。如果绑定正确设置并且数据提供正确通知，则当数据的值发生更改时，绑定到数据的视觉元素会自动反映更改。数据绑定可能还意味着如果视觉元素中数据的外部表现形式发生更改，则基础数据可以自动更新以反映更改。

一、WPF数据绑定的概要

例如：如果用户编辑 TextBox 元素中的值，则基础数据值会自动更新以反映该更改。

1. 数据绑定涉及到两个方面：

一个是绑定源，一个是绑定目标。绑定源即控件绑定所使用的源数据，绑定目标即数据显示的控件。

2. 对于绑定源，在WPF可以是以下四种：

•CLR对象：可以绑定到CLR类的公开的属性、子属性、索引器上。
•ADO.Net对象：例如DataTable、DataView等。
•XML文件：使用XPath进行解析。
•DependencyObject：绑定到其依赖项属性上，即控件绑定控件。
对于绑定目标，必须是WPF中的DependencyObject，将数据绑定到其依赖项属性上。

二、绑定的模式

1. 根据数据流的方向，WPF中的数据绑定分为以下四种：

OneWay 绑定:对源属性的更改会自动更新目标属性，但是对目标属性的更改不会传播回源属性。此绑定类型适用于绑定的控件为隐式只读控件的情况。

TwoWay 绑定:对源属性的更改会自动更新目标属性，而对目标属性的更改也会自动更新源属性。此绑定类型适用于可编辑窗体或其他完全交互式 UI 方案。

OneWayToSource 与 OneWay 相反；它在目标属性更改时更新源属性。

OneTime绑定：该绑定会导致源属性初始化目标属性，但不传播后续更改。

注释：如果无需监视目标属性的更改，则使用 OneWay 绑定模式可避免 TwoWay 绑定模式的系统开销。

大多数属性都默认为 OneWay 绑定，但是一些依赖项属性，通常为用户可编辑的控件的属性，如 TextBox 的 Text 属性和 CheckBox 的 IsChecked 属性，默认为 TwoWay 绑定。

如果要知道依赖项属性绑定在默认情况下是单向还是双向的编程方法可使用 GetMetadata 获取属性的属性元数据，然后检查 BindsTwoWayByDefault 属性的布尔值。

示例代码：

复制代码代码如下:

<Page x:Class="WpfDemo.Page1"

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

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

Title="Page1" HorizontalAlignment="Center">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Label Width="130" Height="25" Grid.Row="0" Grid.Column="0" Name="label1">TwoWay</Label>

<Label Width="130" Height="25" Grid.Row="1" Grid.Column="0" Name="label2">OneWay</Label>

<Label Width="130" Height="25" Grid.Row="2" Grid.Column="0" Name="label3">OneWayToSource</Label>

<Label Width="130" Height="25" Grid.Row="3" Grid.Column="0" Name="label4">OneTime</Label>

</Grid>

</Page>

根据程序执行结果，我们可以得到以下结论：

对于OneWay绑定：在界面中显示的数据可以随数据源的值的变化而变化，但更改界面的数据不会影响到数据源。

对于TwoWay绑定：界面中显示的数据及数据源的数据可以双向显示及更新。

对于OneWayToSource绑定：初始时界面的数据为空；更改界面的数据可以影响数据源的值，但是更改数据源的值不会体现在界面上。

对于OneTime绑定：在界面中显示的为数据源的初始值，更改数据源的值的时候，不会更改界面的数据显示；更改界面的数据也不会影响到数据源的数据。

三、绑定目标值影响绑定源值条件

问题：绑定源的值是在您编辑文本的同时进行更新，还是在您结束编辑文本并将鼠标指针从文本框移走后才进行更新呢？或者在您需要更新的情况下在手动的更新呢？

1. UpdateSourceTrigger 属性是确定触发源更新的原因。

下图中右箭头的点演示 UpdateSourceTrigger 属性的角色：

TwoWay及OneWayToSource是由绑定目标到绑定源方向，若实现绑定目标的值更改影响绑定源的值方式，只需要设置相应控件绑定时的UpdateSourceTrigger的值，其值有三种：

PropertyChanged：当绑定目标属性更改时，立即更新绑定源。

LostFocus：当绑定目标元素失去焦点时，更新绑定源。

Explicit：仅在调用 UpdateSource 方法时更新绑定源。

注释：多数依赖项属性的UpdateSourceTrigger 值的默认值为 PropertyChanged，而 Text 属性的默认值为 LostFocus。

2. 示例

复制代码代码如下:

XAML：

<Page x:Class="WpfDemo.Changed"

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

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

Title="Changed">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Button Name="btnChanged" Width="90" Height="25" Grid.Row="3" Grid.Column="2">Explicit</Button>

</Grid>

</Page>

复制代码代码如下:

C#:

namespace WpfDemo

{

public partial class Changed : Page

{

#region properties

public UserModel CurrentUser

{

get;set;

}

#endregion

#region Constructor

public Changed()

{

InitializeComponent();

this.Loaded += new RoutedEventHandler(Changed_Loaded);

this.btnChanged.Click += new RoutedEventHandler(btnChanged_Click);

}

#endregion

#region Changed_Loaded

void Changed_Loaded(object sender, RoutedEventArgs e)

{

this.CurrentUser = new UserModel() {UserName="swd"};

this.DataContext = this.CurrentUser;

}

#endregion

#region btnLogon_Click

void btnChanged_Click(object sender, RoutedEventArgs e)

{

this.txtExplicit.GetBindingExpression(TextBox.TextProperty).UpdateSource();

}

#endregion

}

public class UserModel

{

public string UserName

{

get;set;}

}

程序执行结果如上所述。

四、数据提供程序

1. XmlDataProvider:

XmlDataProvider访问 XML 数据的方式有以下三种：

可以使用 XmlDataProvider 类嵌入内联 XML 数据。

可以将 Source 属性设置为 XML 数据文件的 Uri。

可以将 Document 属性设置为 XmlDocument。

注释：当 XmlDocument.NodeChanged 事件发生时，XmlDataProvider 执行所有绑定的完全刷新。特定节点不进行优化。

默认情况下，XmlDataProvider.IsAsynchronous 属性设置为 true，表示默认情况下 XmlDataProvider 检索数据并异步生成 XML 节点的集合。

以下将介绍使用上面所述的三种方式显示xml数据：

示例

复制代码代码如下:

Xaml:

<Page x:Class="WpfDemo.xmlBinding"

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

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

Title="xmlBinding" xmlns:local="clr-namespace:WpfDemo">

<Page.Resources>

<x:XData>

</Students>

</x:XData>

</XmlDataProvider>

</Page.Resources>

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

</ListBox>

</ListBox>

</ListBox>

</Grid>

</Page>

复制代码代码如下:

XML:

<?xml version="1.0" encoding="utf-8" ?>

</Student>

</Student>

</Student>

</Students>

通过以上示例我想大家应该很容易理解与应用。

2. ObjectDataProvider:

ObjectDataProvider 使您能够在 XAML 中创建可用作绑定源的对象，并为您提供以下属性，以对对象执行查询并绑定到结果。

使用 ConstructorParameters 属性将参数传递给对象的构造函数。

使用 MethodName 属性调用一个方法。

使用 MethodParameters 属性将参数传递给该方法。然后，可以绑定到该方法的结果。

使用ObjectType 指定将提供数据绑定源的对象。

使用 ObjectInstance 属性来指定现有的对象实例作为源

注释：还可以使用 IsAsynchronous 属性指定是在辅助线程还是在活动上下文中执行对象创建。也就是是否异步检索数据。

示例:

复制代码代码如下:

XAML:

C#:

namespace WpfDemo

{

#region CObjectDataProvider

public partial class CObjectDataProvider : Page

{

public CObjectDataProvider()

{InitializeComponent();}

}

#endregion

#region Country

public class Country

{

#region Name

public string Name

{get;set;}

#endregion

#region ProvinceList

public List<Province> ProvinceList

{get;set;}

#endregion

#region GetAllCity

public static List<Country> GetAllCity()

{

return new List<Country>{

new Country

{

Name = "中国",

ProvinceList = new List<Province>

{

new Province{ Name="福建省",

CityList=new List<City>{new City{Name="福州市"},new City{Name="厦门市"},new City{Name="漳州市"},new City{Name="泉州市"}}

new Province{Name="江苏省",

CityList=new List<City>{

new City{Name="苏州市"},new City{Name="南京市"},new City{Name="扬州市"},new City{Name="无锡市"}}

new Province{Name="江西省",

CityList=new List<City>{new City{Name="南昌市"},new City{Name="九江市"}}}}

}

};

}

#endregion

}

#endregion

#region Province

public class Province

{

#region Name

public string Name

{get;set;}

#endregion

#region CityList

public List<City> CityList

{get;set;}

#endregion

}

#endregion

#region City

public class City

{

#region Name

public string Name

{get;set;}

#endregion

}

#endregion

}

五、类型转换与数据校验

1. IValueConverter接口

提供一种将自定义逻辑应用于绑定的方式。

在Binding时，数据源对象到目标对象之间(或者目标对象到数据源对象)可能需要某种转换。这时只需实现IValueConverter接口自定义值转换器即可。

接口原型定义：

public interface IValueConverter
{
object Convert(object value, Type targetType, object parameter, CultureInfo culture);
object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture);
}

参数value是要转换的值，typeTarget是转换后的值类型，parameter是Binding 类的 ConverterParameter传递过来的参数。

Convert方法：数据绑定引擎在将值从绑定源传播给绑定目标时，调用此方法。

ConvertBack方法：数据绑定引擎在将值从绑定目标传播给绑定源时，调用此方法。

ValueConversion属性作用是告诉自定义转换器类可以转换的源数据和目标数据的类型（ValueConversion属性将在稍后的示例中看到）。

2. ValidationRule类

提供一种为检查用户输入的有效性而创建自定义规则的方法。

ValidationRule : 所有自定义验证规则的基类。提供了让用户定义验证规则的入口。

ExceptionValidation ：表示一个规则，该规则检查在绑定源属性更新过程中引发的异常。它是一个内置的规则，它检查在绑定源属性更新过程中引发的异常。

ValidationResult ：数据验证结果的表现方式。ValidationRule对象的Validate方法执行完毕后通过ValidationResult来表示验证的结果。这里包含了错误信息—ErrorContent，数据是否有效—IsValid。ValidResult 为 ValidationResult 的有效实例。

ValidationError ：表示一个验证错误，该错误在 ValidationRule 报告验证错误时由绑定引擎创建。

复制代码代码如下:

XAML:

<Page x:Class="WpfDemo.TypeConvertAndValidationRule"

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

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

Title="TypeConvertAndValidationRule"

xmlns:src="clr-namespace:WpfDemo">

<Grid.RowDefinitions>
    <RowDefinition>
    </RowDefinition>
    <RowDefinition>
    </RowDefinition>
    <RowDefinition>
    </RowDefinition>
       </Grid.RowDefinitions>

<Grid.ColumnDefinitions>
               <ColumnDefinition>
    </ColumnDefinition>
    <ColumnDefinition>
    </ColumnDefinition>
        </Grid.ColumnDefinitions>

<TextBox.Text>

<Binding.ValidationRules><src:ValidationDateTimeRule/></Binding.ValidationRules>

<Binding.Converter><src:MyConverterOfBirthFormat/></Binding.Converter>

</Binding>
</TextBox.Text>

<TextBox.ToolTip>
<Binding RelativeSource="{RelativeSource Self}" Path="(Validation.Errors) [0].ErrorContent"></Binding>
</TextBox.ToolTip> </TextBox>

<TextBox.Text>

<Binding.ValidationRules><ExceptionValidationRule /></Binding.ValidationRules>

</Binding> </TextBox.Text>

<TextBox.ToolTip>

</TextBox.ToolTip> </TextBox>

</Grid>

</Page>

复制代码代码如下:

C#:

namespace WpfDemo

{

#region TypeConvertAndValidationRule

public partial class TypeConvertAndValidationRule : Page

{

public TypeConvertAndValidationRule()

{

InitializeComponent();

this.DataContext = new UserInfo { Name = "swd", Birthday =System.Convert.ToDateTime("1987/10/21"), EMail = "swd@126.com" };

}

#endregion

#region UserInfo

public class UserInfo

{

#region Name

public string Name

{get;set;}

#endregion

#region Birthday

public DateTime Birthday

{get;set;}

#endregion

#region EMail

private string email;

public string EMail

{

get

{return email;}

set

{

this.email = value;

Regex r = new Regex(@"^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$");

if (!r.IsMatch(value))

{

throw new ApplicationException("电子邮件格式有误！");

}

#endregion

}

#endregion

六、绑定集合对象

1. ICollectionView接口

允许集合具有当前记录管理、自定义排序、筛选和分组这些功能。比如排序,分组,筛选,导航以及其它自定义视图,并且这不会影响到你的后台数据的实际存储。

2. ObservableCollection <T> 类

表示一个动态数据集合，在添加项、移除项或刷新整个列表时，此集合将提供通知。

3. WPF MVVM概要

MVVM（Model-View-ViewModel）是由MVC,MVP演变而来。MVVM分离了逻辑与界面，解放业务逻辑。

WPF的数据绑定详细介绍的更多相关文章

android之ListView，详细介绍实现步骤，举例，自定义listview适配器
android之ListView,详细介绍实现步骤,举例,自定义listview适配器本文来源于www.ifyao.com禁止转载!www.ifyao.com android中如何使用listVie ...
vue对比其他框架详细介绍
vue对比其他框架详细介绍对比其他框架 — Vue.jshttps://cn.vuejs.org/v2/guide/comparison.html React React 和 Vue 有许多相似之处 ...
SpringMVC之六：Controller详细介绍
一.简介在SpringMVC 中,控制器Controller 负责处理由DispatcherServlet 分发的请求,它把用户请求的数据经过业务处理层处理之后封装成一个Model ,然后再把该Mo ...
wpf Content数据绑定StringFormat起作用的原理和解决
原文:wpf Content数据绑定StringFormat起作用的原理和解决 <Window x:Class="WpfOne.Bind.Bind6" xmlns=" ...
WPF：数据绑定总结（1） https://segmentfault.com/a/1190000012981745
WPF:数据绑定总结(1) visual-studio c# 1.3k 次阅读 · 读完需要 16 分钟 0 一.概念:什么是数据绑定? WPF中的数据绑定:是在应用程序 UI 与业务逻辑之间建立 ...
[No0000A7]批处理经常用到的变量及批处理>NUL详细介绍
绝对路径是指调用绝对的程序位置的路径,例如: start C:\Windows\test.exe 相对路径是文件改变路径以后还会按照变量的路径所在位置去调用,例如: start %WINDIR%\te ...
linux配置网卡IP地址命令详细介绍及一些常用网络配置命令
linux配置网卡IP地址命令详细介绍及一些常用网络配置命令2010-- 个评论收藏我要投稿 Linux命令行下配置IP地址不像图形界面下那么方便,完全需要我们手动配置,下面就给大家介绍几种配置 ...
_MSC_VER详细介绍
_MSC_VER详细介绍转自:http://www.cnblogs.com/braver/articles/2064817.html _MSC_VER是微软的预编译控制. _MSC_VER可以分解为 ...
php CGI、Fastcgi、PHP-FPM的详细介绍与之间的关系
以下PHP CGI.Fastcgi.PHP-FPM的一些信息归纳和汇总----->详细介绍与之间的关系一:CGI是干嘛的?CGI是为了保证web server传递过来的数据是标准格式的 web ...

随机推荐

web.xml中contextConfigLocation的作用(转)
原文地址:http://blog.csdn.net/zhangliao613/article/details/6289114 原文格式较乱,此处略作整理.内容未变. 在web.xml中使用contex ...
Android 如何检测一个服务是否还在运行?
前言欢迎大家我分享和推荐好用的代码段~~ 声明欢迎转载,但请保留文章原始出处: CSDN:http://www.csdn.net ...
【编程范式】汇编解释swap方法
先要熟悉一些汇编的基本知识: 1.SP是什么? SP是堆栈寄存器,在调用子程序时,都会用到,保存原来程序的环境使用,如各个寄存器的内容,最重要的是,调用返回时程序的运行指令地址,这是由调用时将返回地址 ...
jQuery 之$.proxy() 方法
定义和用法 $.proxy 方法接受一个已有的函数,并返回一个带特定上下文的新的函数. 该方法通常用于向上下文指向不同对象的元素添加事件. 参数描述 function 要被调用的已有的函数. con ...
[Redux] Passing the Store Down with <Provider> from React Redux
Previously, we wrote the Provider component by ourself: class Provider extends Component { getChildC ...
Qt 界面使用自己定义控件 "提升为"
1.效果图我做了一个很easy的样例,一个能够显示颜色的QLabel,边上有个button,点击,跳出颜色选取的Dialog,然后选择一个颜色.这个QLabel会变成什么颜色. 2.ColorLab ...
Traceroute程序
Linux和Unix中为traceroute,Windows中对应的是Tracert.如:Tracert www.baidu.com 输出为路由信息. C:\Users\Administrator ...
DevExpress控件-GridControl根据条件改变单元格/行颜色--转载
DevExpress控件-数据控件GridControl,有时我们需要根据特定条件改变符合条件的行或者单元格颜色达到突出显示目的,现在动起鼠标跟我一起操作吧,对的,要达到这个目的您甚至都不用动键盘. ...
CSS transform(变形)和transform-origin(变形原点)
transform(变形)和transform-origin(变形原点)的说明: 目前这两个属性得到了除去ie以外各个主流浏览器webkit,firefox,opera的支持,属性名分别为 -webk ...
css设置滚动条颜色与样式以及如何去掉与隐藏滚动条
我们大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条,这就是通过css代码控制来实现的,于是本人搜集整理一番,这里和大家分享一下使用CSS设置滚动条颜色以及如何去掉滚动条的方法,需要的朋友可以 ...

WPF的数据绑定详细介绍

WPF的数据绑定详细介绍的更多相关文章

随机推荐

热门专题