WPF最简单的数据绑定【适合初学者】
2013-01-23 12:50
211 查看
虽然很多人都知道WPF提供了很强大的数据绑定功能,但是并不知道怎么去学习。我也是刚刚接触这个,刚开始的时候看到了MSDN提供的文档和文章里面的WPF介绍,里面虽然有详细的讲解和一个提供的拍卖程序代码,可是对于初学的我来说还是看得头大,结果看了一个下午也明白具体该怎么用。
不过还好,后来找到了这篇《数据点 WPF 中的数据绑定》这篇文章,总算让我入了门,地址贴出来大家看一下:http://msdn.microsoft.com/zh-cn/magazine/cc163299.aspx。这里讲解的也是一些初级的东西,我看完之后才总算是有一个初级的理解。
数据绑定,其实就是将控件的属性修改成Binding的类型(我自认为这样理解比较方便),其中最重要的就是理解什么是绑定对象和绑定源,MSDN给出的定义如下:
绑定的目标可以是从 DependencyProperty 派生而来的任何可访问属性或元素,例如 TextBox 控件的 Text 属性。绑定的源可以是任何公共属性,包括其他控件、公共语言运行库 (CLR) 对象、XAML 元素、ADO.NET Dataset、XML 片段等的属性。
虽然概念说的很详细,但是不太容易理解,所有我简单总结了一下,哪个控件的属性里面引用了Binding,这个控件就是绑定对象,那么另一个自然就是绑定源了。我写了一个最简单的数据绑定例子,窗口中包含一个TextBlock控件和一个TextBox控件,现在我们将TextBlock的内容绑定到TextBox中,也就是说,你向TextBox中输入什么东西,TextBlock就显示什么内容,截图如下:
下面是代码:
<Window x:Class="ExplodeProgram.SimpleBinding"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="SimpleBinding" Height="300" Width="300">
<Grid>
<TextBlock Height="71" HorizontalAlignment="Left" Margin="24,39,0,0" Name="textBlock1" Background="AliceBlue"
VerticalAlignment="Top" Width="232" />
<TextBox Height="32" HorizontalAlignment="Left" Margin="39,181,0,0" Name="textBox1" VerticalAlignment="Top" Width="194"
Text="{Binding ElementName=textBlock1, Path=Text, Mode=OneWayToSource, UpdateSourceTrigger=PropertyChanged}" />
</Grid>
</Window>
///此代码在VS2010,.Net4.0中可以正常编译。直接复制即可。
至于具体的讲解就看我上面提供的那篇文章吧,也可以看MSDN技术资源库关于数据绑定的讲解:http://msdn.microsoft.com/zh-cn/library/vstudio/ms750612%28v=vs.100%29.aspx。我相信,只要入了门,以后学习这个就方便多了。
不过还好,后来找到了这篇《数据点 WPF 中的数据绑定》这篇文章,总算让我入了门,地址贴出来大家看一下:http://msdn.microsoft.com/zh-cn/magazine/cc163299.aspx。这里讲解的也是一些初级的东西,我看完之后才总算是有一个初级的理解。
数据绑定,其实就是将控件的属性修改成Binding的类型(我自认为这样理解比较方便),其中最重要的就是理解什么是绑定对象和绑定源,MSDN给出的定义如下:
绑定的目标可以是从 DependencyProperty 派生而来的任何可访问属性或元素,例如 TextBox 控件的 Text 属性。绑定的源可以是任何公共属性,包括其他控件、公共语言运行库 (CLR) 对象、XAML 元素、ADO.NET Dataset、XML 片段等的属性。
虽然概念说的很详细,但是不太容易理解,所有我简单总结了一下,哪个控件的属性里面引用了Binding,这个控件就是绑定对象,那么另一个自然就是绑定源了。我写了一个最简单的数据绑定例子,窗口中包含一个TextBlock控件和一个TextBox控件,现在我们将TextBlock的内容绑定到TextBox中,也就是说,你向TextBox中输入什么东西,TextBlock就显示什么内容,截图如下:
下面是代码:
<Window x:Class="ExplodeProgram.SimpleBinding"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="SimpleBinding" Height="300" Width="300">
<Grid>
<TextBlock Height="71" HorizontalAlignment="Left" Margin="24,39,0,0" Name="textBlock1" Background="AliceBlue"
VerticalAlignment="Top" Width="232" />
<TextBox Height="32" HorizontalAlignment="Left" Margin="39,181,0,0" Name="textBox1" VerticalAlignment="Top" Width="194"
Text="{Binding ElementName=textBlock1, Path=Text, Mode=OneWayToSource, UpdateSourceTrigger=PropertyChanged}" />
</Grid>
</Window>
///此代码在VS2010,.Net4.0中可以正常编译。直接复制即可。
至于具体的讲解就看我上面提供的那篇文章吧,也可以看MSDN技术资源库关于数据绑定的讲解:http://msdn.microsoft.com/zh-cn/library/vstudio/ms750612%28v=vs.100%29.aspx。我相信,只要入了门,以后学习这个就方便多了。
相关文章推荐
- WPF简单的集合绑定数据
- WPF 简单数据绑定实例
- WPF数据绑定(1-简单数据绑定)
- wpf dataGrid 简单数据绑定
- WPF数据绑定-简单对象的绑定
- WPF学习笔记(04) - 简单的控件和数据绑定
- 【适合初学者】简单代码讲述json数据与oc对象互相转化
- WPF ListView 简单的数据绑定
- WPF入门(四)-WPF+LINQ实现数据绑定、交互及简单datagrid样式
- WPF数据绑定(1-简单数据绑定)
- C# WPF TextBox绑定数据的简单应用
- WPF简单数据绑定
- wpf dataGrid 简单数据绑定
- wpf dataGrid 简单数据绑定
- WPF中使用MVVM模式进行简单的数据绑定
- [转]WPF and Silverlight 学习笔记(二十五):使用CollectionView实现对绑定数据的排序、筛选、分组
- WPF中关于ListBox绑定数据的问题
- WPF学习笔记<二>数据绑定
- 选择好适合自已的数据绑定方法!
- WPF中DataGrid使用自定义列绑定数据