WPF Binding学习(二)
Binding作为数据的桥梁,连通业务逻辑层的对象(源对象)和UI的控件对象(目标对象)。在这座桥梁上,我们不仅可以控制在源对象与目标对象是双向通行还是单向通行。还可以控制数据的放行时机,甚至可以在这座桥上搭建一些关卡用来转换数据类型或者检验数据的正确性
我们先做一个最基本的例子,
创建一个"Student"类,这个类的实例将作为数据源来使用
public class Student
{
private int _id; public int ID
{
get { return _id; }
set { _id = value; }
}
private string _name; public string Name
{
get { return _name; }
set { _name = value; }
} private int _age; public int Age
{
get { return _age; }
set { _age = value; }
} }
然后我们编写我们的控件对象和创建逻辑对象
<StackPanel Name="stack1">
<TextBox Width="" Text="{Binding Path=ID}" HorizontalAlignment="Left" Name="txt_ID"></TextBox>
<TextBox Width="" Text="{Binding Path=Name}" HorizontalAlignment="Left" Name="txt_Name" ></TextBox>
<TextBox Text="{Binding Path=Age}" Width="" HorizontalAlignment="Left" Name="txt_Age"></TextBox>
</StackPanel>
public Student Stu;
public MainWindow()
{
InitializeComponent();
Stu = new Student { ID = , Name = "狗娃", Age = };
//设置元素数据绑定对象
stack1.DataContext = Stu;
}
我们可以看到TextBox控件的Text是一个{Binding} 这就是数据绑定的关键字。然后Path属性是需要绑定的属性,然后我们运行就可以看到我们已经绑定OK。
上面我们是使用的界面进行绑定,其实我们还可以使用代码对每一个控件进行绑定。现在我们将WPF界面中的绑定删除掉
<StackPanel Name="stack1">
<TextBox Width="" HorizontalAlignment="Left" Name="txt_ID"></TextBox>
<TextBox Width="" HorizontalAlignment="Left" Name="txt_Name" ></TextBox>
<TextBox Width="" HorizontalAlignment="Left" Name="txt_Age"></TextBox>
</StackPanel>
然后我们使用代码来进行控件绑定
public Student Stu;
public MainWindow()
{
InitializeComponent();
Stu = new Student { ID = , Name = "狗娃", Age = };
//创建Binding对象.
Binding bindingID = new Binding() {Path = new PropertyPath("ID"),Source=Stu };
//Binding构造参数可以直接传入Path参数
Binding bindingName = new Binding("Name") { Source = Stu };
Binding bindingAge = new Binding("Age") { Source = Stu }; //进行控件绑定(第一个参数是将绑定到哪个属性,第二个参数是绑定对象)
this.txt_ID.SetBinding(TextBox.TextProperty, bindingID);
this.txt_Name.SetBinding(TextBox.TextProperty, bindingName);
this.txt_Age.SetBinding(TextBox.TextProperty,bindingAge);
}
可以看到使用代码绑定需要创建Binding对象,然后使用控件的SetBinding方法进行绑定,但是郁闷的我们为了绑定这三个属性要写这么多的代码.所以使用哪种方式绑定看需求来使用.
接下来我们看双向绑定,其实上面那个我们已经实现了双向绑定,我们先做一个例子测试
创建一个测试TextBox并绑定数据ID
<TextBox Width="120" HorizontalAlignment="Left" Name="txt_IDTest"></TextBox>
Binding bindingTestID = new Binding() { Path = new PropertyPath("ID"), Source = Stu };
this.txt_IDTest.SetBinding(TextBox.TextProperty, bindingTestID);
然后我们在更改txt_ID属性值后光标离开就可以看到txt_IDTest的值也随之改变了。这是因为TextBox默认是双向绑定的,所以可以改变,但是如果我们不是使用控件改变的值呢,接下来做个这样例子.在界面上添加一个Button按钮,并添加点击事件
<Button Content="Button" Width="" HorizontalAlignment="Left" Click="Button_Click"/>
private void Button_Click(object sender, RoutedEventArgs e)
{ Stu.ID++;
}
我们在点击事件中只做了一件事,那就是让Stu的编号加1,但是运行会发现并没有改变。那么该怎么做呢。
我们需要在绑定源类型(Student类型)实现INotifyPropertyChanged接口
public class Student:INotifyPropertyChanged
{
private int _id; public int ID
{
get { return _id; }
set { _id = value; MyPropertyChanged(nameof(ID)); }
} private string _name; public string Name
{
get { return _name; }
set { _name = value; MyPropertyChanged(nameof(Name)); }
} private int _age; public event PropertyChangedEventHandler PropertyChanged; public int Age
{
get { return _age; }
set { _age = value; MyPropertyChanged(nameof(Age)); }
}
private void MyPropertyChanged(string name)
{
if(PropertyChanged!=null)
PropertyChanged(this, new PropertyChangedEventArgs(name));
}
}
然后此时我们就可以实现改变了.
2.绑定更新的计时
但是我们往往需要在输入后就让它立即改变,所以我们需要设置Binding对象中的UpdateSourceTrigger属性,
Binding bindingID = new Binding() { Path = new PropertyPath("ID"), Source = Stu, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged};
UpdateSourceTrigger枚举值有4个
- Default:绑定目标属性的默认值
- PropertyChanged:每当绑定目标属性发生改变时,都会更新数据源
- LostFocus:每当绑定目标元素失去焦点时,都会更新绑定源
- Explicit:仅在调用System.Windows.Data.BindingExpression.UpdateSource 方法时更新绑定源。
因此我们将UpdateSourceTrigger的属性值改成PropertyChanged即可
3.设置单项和双向绑定
刚才使用了TextBox的双向绑定,但是比如我们现在不需要双向绑定,我们只需设置Mode属性即可
Binding bindingID = new Binding() { Path = new PropertyPath("ID"), Source = Stu,Mode = BindingMode.OneTime, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged};
BindingMode枚举有5个值
- TwoWay:导致更新源属性或目标属性时自动更新另一方
- OneWay:在更改绑定源(源)时更新绑定目标(目标),如果绑定的控件为隐式只读,则此类型的绑定适用。如果无需监视目标属性的更改 则使用 System.Windows.Data.BindingMode.OneWay 绑定模式可避免 System.Windows.Data.BindingMode.TwoWay
绑定模式的系统开销。
- OneTime:这是实质上是 System.Windows.Data.BindingMode.OneWay 绑定的一种简化形式,它在源值不更改的情况下提供更好的性能。
- OneWayToSource:在目标属性更改时,更新源属性。
- Default: 使用绑定目标的默认 System.Windows.Data.Binding.Mode 值
WPF Binding学习(二)的更多相关文章
- WPF项目学习.二
WPF用MVVM的解决记录 版权声明:本文为博主初学经验,未经博主允许不得转载. 一.前言 记录在学习与制作WPF过程中遇到的解决方案. 焦点的控制,键盘事件触发,输入框的数字限制,异步处理,隐藏状 ...
- WPF Binding学习(四) 绑定各种数据源
转自:http://blog.csdn.net/lisenyang/article/details/18312199 1.集合作为数据源 首先我们先创建一个模型类 public class Stude ...
- WPF Binding学习(三)
转自;http://blog.csdn.net/lisenyang/article/details/18312199 1.控件与控件间的双向绑定 WPF还支持控件作为数据源, <TextBox ...
- WPF的Binding学习笔记(二)
原文: http://www.cnblogs.com/pasoraku/archive/2012/10/25/2738428.htmlWPF的Binding学习笔记(二) 上次学了点点Binding的 ...
- WPF入门教程系列(二) 深入剖析WPF Binding的使用方法
WPF入门教程系列(二) 深入剖析WPF Binding的使用方法 同一个对象(特指System.Windows.DependencyObject的子类)的同一种属性(特指DependencyProp ...
- WPF Binding值转换器ValueConverter使用简介(二)-IMultiValueConverter
注: 需要继承IMultiValueConverter接口,接口使用和IValueConverter逻辑相同. 一.MultiBinding+Converter 多值绑定及多值转换实例 当纵向流量大于 ...
- WPF学习二:TextBlock和Label的区别
TextBlock和Label都是用来显示少量数据的.好多文章对Label存在的描述都是它允许使用"快速获取"."快速获取"就是允许你用Alt加上其它的按键快速 ...
- WPF Binding值转换器ValueConverter使用简介(一)
WPF.Silverlight及Windows Phone程序开发中往往需要将绑定的数据进行特定转换,比如DateTime类型的时间转换为yyyyMMdd的日期,再如有一个值是根据另外多组值的不同而异 ...
- WPF系列教程——(二)使用Prism实现MVVM设计模式 - 简书
原文:WPF系列教程--(二)使用Prism实现MVVM设计模式 - 简书 本文假设你已经知道MVVM设计模式是什么,所以直接进入正题,今天我们就用Prism来实现WPF的MVVM设计模式,百度上关于 ...
随机推荐
- Photoshop 无法打开某些JPEG文件的成因
最近想把QQ相册里的一些照片整理修复一下,所以下载了一些到本地,然后用PS CC 2018打开,结果PS告诉我"无法完成请求,因为程序错误".试了Win10系统自带的看图软件,能够 ...
- iOS支付宝支付相关问题
支付宝实现以及相关问题:http://www.jianshu.com/p/f81578954974 1.支付宝支付流程 1.用户点击支付2.客户端请求服务器用户支付3.服务器接收请求生成金额订单等要给 ...
- Office 365实现单点登录系列(1)—域环境搭建
Hello 小伙伴们, 2018新年快乐,作为2018年首篇文章,怎么能不给大家带来点干货呢?这篇文章其实我9月底的时候已经在MSDN上发布过了,为表诚意,我更新了这篇文章,并把它组成了一个系列,2. ...
- css弹性盒子新旧兼容
前言:本篇随笔是对弹性盒子有了解的人来写的这篇文章,具体属性产生的效果这里不做说明,基础的东西去查文档.这里只是总结. 时至今日,css3的flex弹性盒子在移动端基本上都是支持的,但不排除有些些低版 ...
- Achartengine.jar绘制动态图形一 --饼图
PS:我们在做安卓程序的时候,免不了会做一些图形,自己可以选择自定义view ,就是用Canvas画,也可以用写好的jar包,就是achartengine.jar,使用jar包的好处就快速绘制图形,不 ...
- 微信小程序部署问题总结
1.微信小程序免费SSL证书Https 申请(阿里云申请) 进入阿里云控制台后,选择CA证书服务 选择购买证书 但是阿里云的免费SSL证书藏得比较深,得这样操作才能显示出免费证书 点击Symantec ...
- 【原创】java NIO selector 学习笔记 一
能力有限,仅仅是自己看源码的一些笔记. 主要介绍 可选通道 和 选择器 选择键(SelectableChannel 和 Selector SelectionKey) 选择器(Selector) 选择 ...
- 微信小程序开发之常见BUG
1.wx:if 当前版本为1.3.0,正常使用 <view wx:if="{{length > 5}}"> 1 </view> <view wx ...
- js 判断值为Array or Object的方法
①obj instanceof Array / Object ②Array.prototype.isPrototypeOf(obj) ③Object.prototype.toString.call(o ...
- 记一次使用Node.js electron打包网站的记录
具体步骤请参考:http://blog.csdn.net/a727911438/article/details/70834467 打包时出现了不少问题,逐一记录下来以供其他人参考. package.j ...