在昨天的博文《WPF/Silverlight的数据绑定设计的真糟糕》中，分析了三大应用场景下WPF/SL下绑定的缺陷。我的应用中有95%以上（甚至99%以上）的绑定都属于那三种应用场景，因此无法接受WPF/SL繁琐的绑定机制。骂不是目的，想办法解决问题是黑客精神的所在。知道缺陷之后，就可以来弥补。刚才花了两个小时时间用扩展方法写了一套新的WPF/SL绑定机制。
本文只是一份简单的草案和思路探索，可以证明了这种机制的可行性。最近时间紧张，暂时还无法给出一份完备的解决方案，有兴趣的朋友可以沿着本文的思路写一套更完善的扩展方法出来。
一、朴素的绑定需求
为什么要骂？因为有大量“朴素”的绑定需求，WPF/SL做的不好。比如下图：
这个界面有四个编辑状态：None 代表不能编辑，DrawRegion 代表在图片上画框，DrawFrontPoint 代表在图片上画前景点，DrawBackgroundPoint 代表在图片上画背景点。用枚举 EditMode 来代表编辑状态，将 EditMode 存储在属性 EditModeValue 中：
public enum EditMode
{
None,
DrawRegion,
DrawFrontPoint,
DrawBackgroundPoint
}
一个很简单的需求就是把 EditModeValue 和右边的几个按钮的状态关联起来，比如说，当 EditModeValue 为 DrawRegion 时，“绘制分割区域”按钮呈现按下状态（IsEnabled 为false），其它按钮类似。当按下某个按钮时，自动将 EditModeValue 改为某种状态，
数据绑定是解决这个问题的最佳方案。然而，WPF/SL下的数据绑定实在太不给力了，写这种数据绑定很繁琐，让人敬而远之。
二、新的方案
下面用反射+扩展方法来写一套更简洁的数据绑定方案。直接上代码，代码不足一百行，实现了绑定属性链的功能（没做完全的测试，可能有错误，谨慎使用）：
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Reflection;namespace Orc.Util
{
public static class BindingHelper
{
internal class PropertyChangedCallback
{
internal INotifyPropertyChanged Caller { get; set; }
internal String PropertyName { get; set; }
internal Action Callback { get; set; }
internal INotifyPropertyChanged Src { get; set; }
internal String Path { get; set; }
internal List<PropertyChangedCallback> CallbackList { get; set; }
internal void OnPropertyChanged(object sender, PropertyChangedEventArgs e)
{
if (e.PropertyName == PropertyName)
{
// 移除事件，避免副作用
if (CallbackList != null)
{
foreach (PropertyChangedCallback item in CallbackList)
{
if (item.Caller != null)
item.Caller.PropertyChanged -= item.OnPropertyChanged;
}
CallbackList.Clear();
}// 回调
Callback();// 添加事件
AddCallback(Src, Callback, Path);
}
}internal static void AddCallback(INotifyPropertyChanged src, Action callback, String path)
{
if (src == null || callback == null || String.IsNullOrEmpty(path)) return;List<PropertyChangedCallback> list = new List<PropertyChangedCallback>();
INotifyPropertyChanged current = src;
Type type = src.GetType();
String[] pathes = path.Split('.');
foreach (String item in pathes)
{
if (current == null) return;String name = item.Trim();
if (String.IsNullOrEmpty(name)) break;PropertyChangedCallback c = new PropertyChangedCallback();
c.Callback = callback;
c.Caller = current;
c.Src = src;
c.PropertyName = name;
c.CallbackList = list;
c.Path = path;
current.PropertyChanged += c.OnPropertyChanged;
list.Add(c);PropertyInfo pi = type.GetProperty(name);
if (pi == null) break;Object p = pi.GetValue(current, null);
INotifyPropertyChanged np = p as INotifyPropertyChanged;
if (np == null) break;current = np;
type = np.GetType();
}
}
}public static void SetBindingChain(this Object dst, INotifyPropertyChanged src, String path, Action callback)
{
if (src == null || callback == null || String.IsNullOrEmpty(path)) return;
PropertyChangedCallback.AddCallback(src, callback, path);
}
}
}
SetBindingChain 就是用于绑定的扩展方法，src 是绑定源，path是绑定属性链，语法和属性调用语法类似（A.B.C.D），可以通过IDE提示写完后复制进去，callback是当属性发生变化后的回调事件，可以是lambda表达式。使用最好是在窗体Load时或某个事件时做个批量绑定。
也可以在这思路基础上写出多属性链绑定及多对象绑定扩展方法，本文就不写了，下面是原型：
public static void SetBindingChain(this Object dst, INotifyPropertyChanged src, String[] pathes, Action callback)
{
throw new NotImplementedException();
}public static void SetBindingChain(this Object dst, INotifyPropertyChanged src1, String path1, INotifyPropertyChanged src2, String path2, Action callback)
{
throw new NotImplementedException();
}public static void SetBindingChain(this Object dst, INotifyPropertyChanged src1, String[] pathes1, INotifyPropertyChanged src2, String[] pathes2, Action callback)
{
throw new NotImplementedException();
}public static void SetBindingChain(this Object dst, INotifyPropertyChanged src1, String path1, INotifyPropertyChanged src2, String path2, INotifyPropertyChanged src3, String path3, Action callback)
{
throw new NotImplementedException();
}public static void SetBindingChain(this Object dst, INotifyPropertyChanged src1, String[] pathes1, INotifyPropertyChanged src2, String[] pathes2, INotifyPropertyChanged src3, String[] pathes3, Action callback)
{
throw new NotImplementedException();
}public static void SetBindingChain(this Object dst, INotifyPropertyChanged src1, String path1, INotifyPropertyChanged src2, String path2, INotifyPropertyChanged src3, String path3, INotifyPropertyChanged src4, String path4, Action callback)
{
throw new NotImplementedException();
}public static void SetBindingChain(this Object dst, INotifyPropertyChanged src1, String[] pathes1, INotifyPropertyChanged src2, String[] pathes2, INotifyPropertyChanged src3, String[] pathes3, INotifyPropertyChanged src4, String[] pathes4, Action callback)
{
throw new NotImplementedException();
}
三、使用新方案进行数据绑定
EditModeValue属性：
private EditMode m_editModeValue = EditMode.None;
public EditMode EditModeValue
{
get { return m_editModeValue; }
set {
if (m_editModeValue == value) return;
m_editModeValue = value;
NotifyPropertyChanged("EditModeValue");
}
}
单向绑定：
this.SetBindingChain(this, "EditModeValue",
() =>
{
btnDrawSegRegion.IsEnabled = EditModeValue != EditMode.DrawRegion;
btnDrawFPoints.IsEnabled = EditModeValue != EditMode.DrawFrontPoint;
btnDrawBPoints.IsEnabled = EditModeValue != EditMode.DrawBackgroundPoint;
});
然后是按下按钮时状态改变：
private void btnDrawSegRegion_Click(object sender, RoutedEventArgs e)
{
EditModeValue = EditMode.DrawRegion;
}private void btnDrawFPoints_Click(object sender, RoutedEventArgs e)
{
EditModeValue = EditMode.DrawFrontPoint;
}private void btnDrawBPoints_Click(object sender, RoutedEventArgs e)
{
EditModeValue = EditMode.DrawBackgroundPoint;
}
搞定！
四、分析
使用扩展方法 SetBindingChain 可以简化 《WPF/Silverlight的数据绑定设计的真糟糕》 中所提到的前两种场景，使用方便了很多，且无学习成本，能够满足大部分的绑定需求。使用体验靠近了Flex的绑定方案，也有些区别：
（1）绑定写在后台，没有前台直观，同时，也不方便解耦；
（2）Flex是自动分析绑定链，这里还要手动输入绑定链，是一个比较大的遗憾；
尽管如此，相对于又难学又难用的WPF/SL源生绑定，要好太多了，简洁、明了、不用学、不用记、柔性、适合大部分应用场景。本文只是对属性链的绑定，如有其它需求，如对索引器的绑定等等还请自行扩展。
至于第三种场景，目前还没好的解决办法。
五、其它
喜欢简洁明了的解决方案，比如说上面界面中的打开图像功能，我的代码是：
private void btnOpen_Click(object sender, RoutedEventArgs e)
{
this.OpenImageFile((String path) => {
tbImgPath.Text = path;
EditModeValue = EditMode.None;
});
}
非常简单明了，不用拖个 OpenFileDialog 出来，也不用记忆 filter 的语法。当然，在背后有个扩展方法在默默的提供服务：
public static void OpenImageFile(this Window element, Action<String> callbackOnFilePath, String filter = "图像文件|*.bmp;*.jpg;*.gif;*.png")
{
String filePath;
OpenFileDialog dlg = new OpenFileDialog();dlg.Filter = filter;
dlg.FileOk += (object sender, CancelEventArgs e) =>
{
filePath = dlg.FileName;
if(callbackOnFilePath != null)
callbackOnFilePath(filePath);
};
dlg.ShowDialog();
}
扫一扫
226
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
