Binding的原理简单介绍

最新推荐文章于 2024-04-14 16:30:27 发布
最新推荐文章于 2024-04-14 16:30:27 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： C#
原文链接：https://www.cnblogs.com/umlchina/articles/2067723.html
版权

前言

本篇文章主要是自实现了一个BindingEngine，可以在WPF，WinForm，Web等各个情景中使用。

引子

　　按照惯例，先找一个插入点，从之讲起。

　　既然是企业应用，先来说说为什么要写这个BindingEngine。

　　项目背景是一个机械的配置文件编辑器，大概有200多个机械，每个机械200多个参数，要支持增/删/改，版本控制，Undo/Redo等一系列操作。使用WPF开发界面，开发模式采用MVVM，控件选取了DataGrid。为了提高性能，使用了Virtualizing等一系列方案优化。项目原型开发后，面对如此大数量的Cell，DataGrid的表现十分令人伤心，无论是性能还是内存占用量，都有很长的路要走。

　　一条路走到黑是不行的，把DataGrid更换为SourceGrid，SourceGrid是Codeplex上的一个开源C#表格实现，自测量和绘制内部的Cell，思路和实现很赞。更换控件后，一切顺利，但SourceGrid对绑定支持的不够。MVVM模式，VM（ViewModel）是PM（PresentationModel）的一个演化，由于采用了数据绑定和Behavior，View和PM之间可以更充分解耦，PM中Presentation的含义是其中要保存所有可能被用户修改的View的状态。修改了PM中View的状态后，通过数据绑定，View应该自动刷新，但SourceGrid不是基于WPF的，要实现Visible，Filter，换肤等功能PM需要持有View的引用或者通过MVP模式抽象出View的接口，无论哪种模式都要修改原有的设计，于是就萌生出了自实现一个BindingEngine 的想法。

什么是Binding？

　　在实现一个BindingEngine之前，先来看一下，什么是Binding？

　　Binding（绑定），是在.net 2.0之后被提出的，Binding大体分两类，一类是List控件绑定到List上，根据List的改变来增减List控件的Item。另一类是把单一View绑定到Model上，根据Model的属性变化来更改View的状态。

　　Binding这个概念简单易懂，使用起来也很方便，一提出就受到了热捧，在WPF/Silverlight中更是大行其道，基本所有介绍WPF的资料中都会把Binding拿出来炫耀一番。本文不是介绍如何使用WPF/Silverlight中Binding的，那么Binding的原理是什么呢？

Binding的原理

　　一个最简单的Binding就是把A的属性绑定到B的属性上，当B的属性变化时，A的属性可以自动更新。这个Binding分两层含义：

  1. A需要监视B属性的变化，当B属性变化时A得到通知。
  2. 当收到变化通知时，A要根据B的属性新值来设置自己的属性值。

　　关于监视B属性变化，这是一个经典的Observer模式，在.net中用event 来表示，如：

    b.PropertyChanged += a.HandlePropertyChanged;
    void HandlePropertyChanged()
    {
        a.Prop = b.Prop;
    }

　　关于PropertyChange事件，.net在System.ComponentModel里提供了INotifyPropertyChanged接口，里面定义了event PropertyChangedEventHandler PropertyChanged。通常可被用于数据绑定的Model类都要实现INotifyPropertyChanged接口，在属性变化时raise这个PropertyChanged事件。

Binding的亮点

　　在WPF中，Binding无处不在，关于Binding的漂亮用法有很多，其主要的设计亮点有二：

  1. Weak Event模式
  2. Converter

　　监听B的属性变化，A需要注册B的PropertyChanged事件，.net中事件是强引用，一旦A注册了B的事件，B就持有了一个A的引用。也就是说，如果A不注销B的事件，即使A已经空置，如果B对象存活，垃圾回收器仍不会回收A的内存，在使用中就造成了A的内存泄露。在Binding的使用过程中，可能会出现多级绑定，A->B->C，一个对象也可能绑定多个对象，在对象空置时注销绑定的监听事件是不太现实的，实现起来太过繁琐。这里就期望能有弱事件（Weak Event）模式，即A监听了B的事件后，B不会阻止A的垃圾回收。

直接把A的属性绑定到B的属性上有时也是不太友好的，比如B的属性是string，A的属性是DateTime，在绑定的过程中需要做一定的转换（Convert）。WPF/Silverlight中的Converter是很不错的想法，可以自定义一些转换，在属性间做一些转换工作。

设计

　　开始设计实现BindingEngine，首先来解决弱事件的问题。

　　在.net中，可以使用WeakReference（弱引用）来监视对象，WeakReference不会阻止对象的垃圾回收。在实际使用中，A注册B的事件后，B持有了A的引用，B对象会阻止A的垃圾回收。直接把B对象变成弱引用对象是不现实的，但可以引入弱引用对象C，让B持有C的引用，C持有A的引用。这样即使没有注销事件监视，C对象仍持有A的引用，但是C对象是弱引用对象，不会阻止A的垃圾回收。

　　用一副图表示：

image

　　把用来作为中间传递的C类命名为WeakSource，它的设计如下：

image

　　WeakSource用来隔离A对象，为了内存考虑，它和A对象间是一一对应关系。这样，在监听B的PropertyChanged事件时，原有的b.ProppertyChanged += a.HandlePropertyChanged就变成了b.PropertyChanged += weakSource.HandlePropertyChanged。WeakSource提供了两个静态方法Register和UnRegister来创建和销毁WeakSource，其中的第一个参数object Source就是WeakSource需要封装的A对象。

　　Register的第二个参数INotifyPropertyChanged target，就是需要监听的B对象，最后一个参数targetProp是需要监听B对象的属性名。当B的属性值发生变化时，WeakSource会得到通知，为了完成绑定，WeakSource需要把内部封装的A对象对应的属性值设置为B对象绑定属性的新值。

绑定值

　　当B属性绑定值发生变化时，完成绑定需要设置两步，一，取得B属性的新值。二，把这个新值设置到A属性上去。

　　最简单的办法可以用反射完成这两步操作，为了编写简单，使用了Expression Tree来构建这个取值赋值操作：

1: //Set Property
   2: var prop = entry.SourceType.GetProperty(entry.SourceProp);
   3: var paraSource = Expression.Parameter(entry.SourceType, "source");
   4:  
   5: //Get Property
   6: var targetProperty = entry.TargetType.GetProperty(entry.TargetProp);
   7: var paraTarget = Expression.Parameter(entry.TargetType, "target");
   8: var getter = Expression.Property(paraTarget, targetProperty);
   9:  
  10: //Combine
  11: var boy = Expression.Call(paraSource, prop.GetSetMethod(), getter);
  12: Delegate action = Expression.Lambda(boy, paraSource, paraTarget).Compile();

　　在WeakSource的Register方法中传入的第三个参数就是这个Delegate，当绑定的B属性值发生变化是，调用Delegate的DynamicInvoke方法即可完成更新值操作。

   1: action.DynamicInvoke(source, target)

Converter

　　顺水推舟，加上对Converter的支持，定义IDataConverter接口，如下：

   1: public interface IDataConverter
   2: {
   3:     object Convert(object value, object parameter);
   4: }

　　修改Register接口：

   1: public static WeakSource Register(Object source, INotifyPropertyChanged target, Delegate action, string targetProp, 
   2:                                 IDataConverter converter = null, object parameter = null)

　　为了重用构建出的Expression Tree，缓存了构建出的Delegate，创建结构体WeakEntry作为索引

   1: private struct WeakEntry
   2: {
   3:     public Type SourceType;
   4:     public Type TargetType;
   5:     public string SourceProp;
   6:     public string TargetProp;
   7: }

　　对应修改的Expression Tree如下：

   1: //Set Property
   2: var prop = entry.SourceType.GetProperty(entry.SourceProp);
   3: var paraObj = Expression.Parameter(entry.SourceType);
   4:  
   5: //Get Property
   6: var targetProperty = entry.TargetType.GetProperty(entry.TargetProp);
   7: var paraTarget = Expression.Parameter(entry.TargetType);
   8: var getter = Expression.Property(paraTarget, targetProperty);
   9:  
  10: //Combine
  11: var paraConvert = Expression.Variable(typeof(IDataConverter));
  12: var paraParameter = Expression.Variable(typeof(object));
  13:  
  14: var boy = Expression.IfThenElse(
  15:         Expression.NotEqual(paraConvert, Expression.Constant(null)),
  16:         Expression.Call(paraObj, prop.GetSetMethod(), Expression.Convert(Expression.Call(paraConvert, typeof(IDataConverter).GetMethod("Convert"),
  17:                             Expression.Convert(getter, typeof(object)), Expression.Convert(paraParameter, typeof(object))), prop.PropertyType)),
  18:         Expression.IfThenElse(
  19:             Expression.Equal(Expression.Constant(prop.PropertyType, typeof(Type)), Expression.Constant(getter.Type, typeof(Type))),
  20:             Expression.Call(paraObj, prop.GetSetMethod(), Expression.Convert(Expression.Convert(getter, typeof(object)), prop.PropertyType)),
  21:             Expression.Throw(Expression.Constant(new InvalidOperationException(
  22:                 "The property type between binding source and target does not match, please use IDataConverter to do custom convert.")))));
  23:  
  24: Delegate action = Expression.Lambda(boy, paraObj, paraTarget, paraConvert, paraParameter).Compile();

使用Binding

　　创建类BindingEngine，封装Binding的操作，

  public class BindingEngine
 {
     public static void SetPropertyBinding(Object source, INotifyPropertyChanged target, string sourceProp, string targetProp, 
                                            IDataConverter converter = null, object parameter = null)
     {}
  
     public static void ClearPropertyBinding(Object source, INotifyPropertyChanged target, string sourceProp, string targetProp)
    {}
 }

　　创建测试类View和ViewModel，以及TextConverter

   1: public class View
   2: {
   3:     public string Text { get; set; }
   4:     public int Value { get; set; }
   5: }
   6:  
   7: public class ViewModel : INotifyPropertyChanged
   8: {
   9:     private int _Value = 0;
  10:     public int Value
  11:     {
  12:         get
  13:         {
  14:             return _Value;
  15:         }
  16:         set
  17:         {
  18:             _Value = value;
  19:             NotifyPropertyChanged("Value");
  20:         }
  21:     }
  22:  
  23:     public event PropertyChangedEventHandler PropertyChanged;
  24:  
  25:     public void NotifyPropertyChanged(string prop)
  26:     {
  27:         if (PropertyChanged != null)
  28:         {
  29:             PropertyChanged(this, new PropertyChangedEventArgs(prop));
  30:         }
  31:     }
  32: }
  33:  
  34: public class TextConverter : IDataConverter
  35: {
  36:     public object Convert(object value, object parameter)
  37:     {
  38:         int v = System.Convert.ToInt32(value);
  39:         if (parameter != null)
  40:         {
  41:             v = System.Convert.ToInt32(parameter) + v;
  42:         }
  43:         return string.Format("\"{0}\"", v);
  44:     }
  45: }

　　使用BindingEngine的用法：

 View view1 = new View();
 View view2 = new View();
 ViewModel model = new ViewModel();
  
TextConverter converter = new TextConverter();
BindingEngine.SetPropertyBinding(view1, model, "Text", "Value", converter, null);
BindingEngine.SetPropertyBinding(view1, model, "Value", "Value");
BindingEngine.SetPropertyBinding(view2, model, "Text", "Value", converter, 2);
BindingEngine.SetPropertyBinding(view2, model, "Value", "Value");
   
BindingEngine.ClearPropertyBinding(view1, model, "Text", "Value");

后续

　　本文只是简略了介绍了一下BindingEngine的实现，对于List控件绑定List并没有进行支持。并且由于使用了Delegate的DynamicInvoke，性能上还有提高余地，可以使用Emit、DynamicMethod来完成取值赋值操作。

　　BindingEngine的源代码和测试代码请点击此BindingEngineSample下载，如有问题和建议也欢迎给我留言。

四九城小白~阿勋
关注
专栏目录
研究下WPF 数据binding 原理
The_Eyes的博客
01-23 1188
测试相关类     public class HostTest      {         public string Value{get； set；}         public string Value1 {get ；set ；}     } public class Test { private string _value = null; ...
ViewBinding的原理（二）
m0_38071396的博客
03-18 608
上次主要总结了一下ViewBinding的使用方式，基本涵盖了常用的场景，后续遇到其他场景我会陆续的补充。 这次打算总结一下实现的原理，保证自己知其所以然。 1、如何实现view绑定 通过代码来分析： 生成的文件代码例子如下： public final class ActivityViewBindingTestBinding implements ViewBinding { @NonNull private final LinearLayout rootView; @NonNull p
WPF企业应用--自实现Binding，可用于WinForm，Web等
weixin_30307921的博客
03-09 236
前言 　　开始写这个新系列，这些年用WPF做了很多项目，杂七杂八的东西写了不少，略略总结下，也希望能给朋友们带来点帮助。 　　本篇文章主要是自实现了一个BindingEngine，可以在WPF，WinForm，Web等各个情景中使用。 引子 　　按照惯例，先找一个插入点，从之讲起。 　　既然是企业应用，先来说说为什么要写这个BindingEngine。 　　项目背景是一个机械的配置文件...
WPF中Binding的原理和应用
最新发布
juan9872的博客
04-14 650
在WPF中，Binding机制是实现数据与界面的连接和同步的重要工具。了解Binding的原理和应用，对于开发人员来说是非常重要的。本文将详细介绍WPF中Binding的原理和应用，帮助读者更好地理解和运用这一强大的机制。
WPF Binding基础
weixin_34352449的博客
02-08 105
　　如果把Binding比作数据的桥梁，那么它的两端分别是Binding的源和目标。数据从哪里来就是源，Binding是架在中间的桥梁，Binding目标是数据要往哪儿去。一般情况下，Binding源是逻辑层的对象，Binding目标是UI层的控件对象，这样，数据就会源源不断通过Binding送达UI层，被UI层展现，也就完成了数据驱动UI的过程。 　　数据源是一个对象，一个对象上可能有很多数据...
WPF Binding(绑定)详解
热门推荐
lvxingzhe3的博客
12-28 1万+
WPF Binding(绑定)详解
ViewBinding与Kotlin委托结合使用，去除setContentView，原理伪代码
09-07
ViewBindingPropertyDelegate和hi-dhl/Binding库的伪代码，用来了解其内部实现原理。 相当于是手写了一个简单的ViewBindingDelegate和Binding库 可看我的博客有详细介绍 : ...
详解vue的数据binding绑定原理
08-30
Vue.js 是一款流行的前端JavaScript框架，以其简单易用和高效的特性深受开发者喜爱。在Vue中，数据绑定（Data Binding）是其核心特性之一，它允许开发者实现视图和数据模型之间的双向通信。Vue的数据绑定机制使得UI...
Binding 绑定示例
10-20
这遵循一个简单的模式：`控件属性 <- Binding 数据源属性`。 2. **Binding对象** 在WPF中，`System.Windows.Data.Binding`类代表了一个数据绑定。通过实例化这个类并设置其属性，我们可以定义如何将控件属性绑定到...
WPF之Binding深入探讨
weixin_53370274的博客
04-03 2046
1，Data Binding在WPF中的地位程序的本质是数据+算法。数据会在存储、逻辑和界面三层之间流通，所以站在数据的角度上来看，这三层都很重要。但算法在3层中的分布是不均匀的，对于一个3层结构的程序来说，算法一般分布在这几处：A。数据库内部。B。读取和写回数据。C。业务逻辑。D。数据展示。E。界面与逻辑的交互。A,B两部分的算法一般都非常稳定，不会轻易去改动，复用性也很高；C处与客户需求最紧密，最复杂，变化最大，大多少算法都集中在这里。D,E负责UI和逻辑的交互，也占有一定量的算法。显然，C部分是程序的
WPF 的内部世界（Binding）
Unknowncheats的博客
03-11 457
目录 一、控件与布局 二、Binding基础 前言 “一桥飞架南北， 天堑变通途” 写于1956年，1957年武汉长江大桥建成, 称之为：一桥飞架南北,大堑变通途.它形象地描述武汉长江大桥的雄伟气势及其在我国南北交通方面发挥的重要作用。 哈哈，为什么要说这么一句无头理的话呢？ Binding一词，第一反应给我们以“绑定”的涵义。错了错了~~ Binding就好像一个“桥梁” 额……对没错，就是桥梁，Bind 一词在做动词时，实际上具有关联的含义。 也就是说Binding更注重表达它是一种像桥梁一样的关联关.
Hibernate parameter binding examples
qq_26847293的博客
09-16 477
Without parameter binding, you have to concatenate the parameter String like this (bad code) :String hql = "from Stock s where s.stockCode = '" + stockCode + "'"; List result = session.createQuery(hql)
解读WPF中的Binding
dotNET跨平台
02-09 1096
1.Overview基于MVVM实现一段绑定大伙都不陌生，Binding是wpf整个体系中最核心的对象之一这里就来解读一下我花了纯两周时间有哪些秘密。这里我先提出几个问题应该是大家感兴趣的...
bindings
10-02 1860
在计算机编程中，对库或操作系统的绑定是一个API（application programming interface），它提供在给定编程语言中使用某个库或服务的桥接代码（glue code）。Binding通常指把某样东西映射为另一样东西。在软件库上下文，binding就是桥接两种编程语言的wrapper库，这样就可以使用其它语言编写的库。许多软件库是使用像C，C++这种系统编程语言写的。要在另一...
WPF入门教程系列(二) 深入剖析WPF Binding的使用方法
weixin_30394633的博客
08-19 517
同一个对象（特指System.Windows.DependencyObject的子类）的同一种属性（特指DependencyProperty）只能拥有一个binding。 这一点可以通过设置binding对象的方法名得知： public static BindingExpressionBase SetBinding( DependencyObject target, ...
Binding介绍
weixin_30747253的博客
03-08 653
一.Binding的源与路径 在大多数情况下Binding的源是逻辑层的对象，但有时候为了让UI元素产生一些联动效果也会使用Binding在控件间建立关联， 下面的代码是把一个TextBox的Text属性关联在了Slider的Value上 <Window x:Class="MyBinding.WindowBinding" xmlns="http://schemas...
深入理解WPF Binding：原理与实践
5. **简化Path**：如果数据源本身就是一个简单的数据，不需通过属性暴露，可以直接使用{Binding}或{Binding .}，这会绑定到数据源对象的默认属性（通常是DataContext）。 6. **C#与XAML的交互**：C#代码可以访问...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值