深入浅出WPF（10）——“脚踩N条船”的多路Binding

深入浅出WPF（10）——“脚踩N条船”的多路Binding

小序：

通过前面几个章节的学习，我们已经了解了Data Binding的基本常识和简单的使用方法。今天让我们更进一步，学习一下多路Data Binding。

说实话，起“脚踩N条船”这个标题，实在有点不雅，可为了让大家记忆方便，我也管不了那么多鸟~~~那么什么是多路Binding、它有什么用、怎么用呢？

正文：

让我们分析这样一个需求——UI上有若干个文本框和一个“提交”按钮，这些文本框都是用户必须填写的，如果不都填写，提交按钮是不可用的。

习惯了使用WinForm的同学可能脑子里已经开始飞速地搜寻使用Event来解决的方案了。实际上，在WPF里使用多路Data Binding将非常简单。所谓“多路Binding（也可以叫复合Binding）”就是指某个元素的Dependency Property的值不是由单一的数据源来决定，而是由多个数据源（通过一定逻辑）共同决定的，我们一般会把逻辑写在Converter里。是不是颇有些“脚踩N条船”的意思？

多路Binding使用的类是MultiBinding类，这个类实际上就是对一组Binding对象的包装——本质上并没有影响Binding是“一对一”的基本理论。

下面让我们动手实现这个例子，因为大家已经对WPF的基本编程很熟悉了，所以我只把核心代码写在下面（又一次，我违反代码维护性原则，把它们写在了窗体的构造程序中）。

1. usingSystem;
2. usingSystem.Collections.Generic;
3. usingSystem.Linq;
4. usingSystem.Text;
5. usingSystem.Windows;
6. usingSystem.Windows.Controls;
7. usingSystem.Windows.Data;
8. usingSystem.Windows.Documents;
9. usingSystem.Windows.Input;
10. usingSystem.Windows.Media;
11. usingSystem.Windows.Media.Imaging;
12. usingSystem.Windows.Navigation;
13. usingSystem.Windows.Shapes;
15. namespaceMultiBindingSample
16. {
18. publicpartialclassWindow1:Window
19. {
20. publicWindow1()
21. {
22. InitializeComponent();
24. //准备作为基础的“一对一”子Binding
25. Bindingb1=newBinding("Text"){Source=this.textBox1};
26. Bindingb2=newBinding("Text"){Source=this.textBox2};
27. Bindingb3=newBinding("Text"){Source=this.textBox3};
28. Bindingb4=newBinding("Text"){Source=this.textBox4};
30. //准备一对一Binding的包装箱,并把子Binding装进去
31. MultiBindingmb=newMultiBinding();
32. mb.Bindings.Add(b1);
33. mb.Bindings.Add(b2);
34. mb.Bindings.Add(b3);
35. mb.Bindings.Add(b4);
37. //为多路Binding配备决策逻辑（它是一个多路Converter），并设置为OneWay
38. mb.Converter=newSubmitEnableConverter();
39. mb.Mode=BindingMode.OneWay;
41. //为Button设置多路Binding
42. this.button1.SetBinding(Button.IsEnabledProperty,mb);
43. }
44. }
46. publicclassSubmitEnableConverter:IMultiValueConverter//注意Converter基类的变化
47. {
49. publicobjectConvert(object[]values,TypetargetType,objectparameter,System.Globalization.CultureInfoculture)
50. {
51. //使用Lambda表达式判断，只要有空的，就返回false
52. return!values.Cast<string>().Any(text=>string.IsNullOrEmpty(text));
53. }
55. //因为是只从数据源到目标的方向Binding，所以，这个函数永远也不会被调到
56. publicobject[]ConvertBack(objectvalue,Type[]targetTypes,objectparameter,System.Globalization.CultureInfoculture)
57. {
58. thrownewNotImplementedException();
59. }
60. }
61. }

整个程序并没有什么难理解的，与我们以前学习的Binding最大的区别就在它的Converter上，这回使用的Converter，其基接口是IMultiValueConverter，而不是先前我们使用的IValueConverter。这个接口仍然只有两个函数需要实现一下。又因为我们这次使用的是OneWay模式，所以，代码中只有Convert函数中包含逻辑。

请大家注意，Convert函数中最重要的就是它的values参数。这个参数是一个数组，这个数组里包含的就是从一对一子Binding里送来的值（在我们的程序里，就是4个TextBox的Text属性值）。数组是可被索引的，这就意味着values里面的值是有顺序的！那么这个顺序是什么呢？这个顺序就是你调用MultiBinding.Bindings.Add(...)添加子Binding顺序——我认为这里是多路Binding一个小小的败笔——这样，写出来的代码会比较脆弱、顺序不能变，而且比较隐晦。换句话说，后来的程序员如果改变一下Add的顺序，就有可能导致程序出现很难测出的bug。

本例中，values[0]对应的是textBox1.Text属性值、values[1]对应的是textBox2.Text属性值、values[2]对应的是textBox3.Text属性值、values[3]对应的是textBox4.Text属性值。

然后，我使用Lambda表达式，判断了一下是否有某个TextBox值是空的，对这个值取反，就是Submit Button.IsEnable的值。

运行效果如下：

逻辑进阶

现在客户的需求变了。要求是，前两个文本框的内容一致、后两个文本框内容一致，这时候Submit才亮（这在注册新用户的时候经常遇到）。

要是在WinForm中使用Event实现，就会有多处事件处理函数有变更，而在这个例子中，我们只需改一两句代码就OK了。下面的代码中，我优化了格式——项目中推荐这样的格式。

1. usingSystem;
2. usingSystem.Collections.Generic;
3. usingSystem.Linq;
4. usingSystem.Text;
5. usingSystem.Windows;
6. usingSystem.Windows.Controls;
7. usingSystem.Windows.Data;
8. usingSystem.Windows.Documents;
9. usingSystem.Windows.Input;
10. usingSystem.Windows.Media;
11. usingSystem.Windows.Media.Imaging;
12. usingSystem.Windows.Navigation;
13. usingSystem.Windows.Shapes;
15. namespaceMultiBindingSample
16. {
17. ///<summary>
18. ///InteractionlogicforWindow1.xaml
19. ///</summary>
20. publicpartialclassWindow1:Window
21. {
22. publicWindow1()
23. {
24. InitializeComponent();
26. InitializeBindings();//拎出来封装
27. }
29. privatevoidInitializeBindings()
30. {
31. //声名、定义并初始化MultiBinding
32. MultiBindingmb=newMultiBinding(){Mode=BindingMode.OneWay,Converter=newSubmitEnableConverter()};
33. mb.Bindings.Add(newBinding("Text"){Source=this.textBox1});
34. mb.Bindings.Add(newBinding("Text"){Source=this.textBox2});
35. mb.Bindings.Add(newBinding("Text"){Source=this.textBox3});
36. mb.Bindings.Add(newBinding("Text"){Source=this.textBox4});
38. //为Button设置多路Binding
39. this.button1.SetBinding(Button.IsEnabledProperty,mb);
40. }
41. }
43. //Converter
44. publicclassSubmitEnableConverter:IMultiValueConverter//注意Converter基类的变化
45. {
47. publicobjectConvert(object[]values,TypetargetType,objectparameter,System.Globalization.CultureInfoculture)
48. {
49. //按对应值做决策
50. if(!values.Cast<string>().Any(text=>string.IsNullOrEmpty(text))
51. &&values[0].ToString()==values[1].ToString()
52. &&values[2].ToString()==values[3].ToString())
53. {
54. returntrue;
55. }
56. returnfalse;
57. }
59. //因为是只从数据源到目标的意向Binding，所以，这个函数永远也不会被调到
60. publicobject[]ConvertBack(objectvalue,Type[]targetTypes,objectparameter,System.Globalization.CultureInfoculture)
61. {
62. thrownewNotImplementedException();
63. }
64. }
65. }

运行效果如下：

最后，希望大家玩儿的开心！也希望明天即将开幕的奥运会圆满、顺利！

OVER