深入浅出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的基本编程很熟悉了，所以我只把核心代码写在下面（又一次，我违反代码维护性原则，把它们写在了窗体的构造程序中）。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace MultiBindingSample
{

public partial class Window1 : Window
{
public Window1()
{
InitializeComponent();

// 准备作为基础的“一对一”子Binding
Binding b1 = new Binding("Text") { Source = this.textBox1 };
Binding b2 = new Binding("Text") { Source = this.textBox2 };
Binding b3 = new Binding("Text") { Source = this.textBox3 };
Binding b4 = new Binding("Text") { Source = this.textBox4 };

// 准备一对一Binding的包装箱,并把子Binding装进去
MultiBinding mb = new MultiBinding();
mb.Bindings.Add(b1);
mb.Bindings.Add(b2);
mb.Bindings.Add(b3);
mb.Bindings.Add(b4);

// 为多路Binding配备决策逻辑（它是一个多路Converter），并设置为OneWay
mb.Converter = new SubmitEnableConverter();
mb.Mode = BindingMode.OneWay;

// 为Button设置多路Binding
this.button1.SetBinding(Button.IsEnabledProperty, mb);
}
}

public class SubmitEnableConverter : IMultiValueConverter // 注意Converter基类的变化
{

public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
// 使用Lambda表达式判断，只要有空的，就返回false
return !values.Cast<string>().Any(text => string.IsNullOrEmpty(text));
}

// 因为是只从数据源到目标的方向Binding，所以，这个函数永远也不会被调到
public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
}

整个程序并没有什么难理解的，与我们以前学习的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了。下面的代码中，我优化了格式——项目中推荐这样的格式。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace MultiBindingSample
{
/// <summary>
/// Interaction logic for Window1.xaml
/// </summary>
public partial class Window1 : Window
{
public Window1()
{
InitializeComponent();

InitializeBindings(); // 拎出来封装
}

private void InitializeBindings()
{
// 声名、定义并初始化MultiBinding
MultiBinding mb = new MultiBinding() { Mode = BindingMode.OneWay, Converter = new SubmitEnableConverter() };
mb.Bindings.Add(new Binding("Text") { Source = this.textBox1 });
mb.Bindings.Add(new Binding("Text") { Source = this.textBox2 });
mb.Bindings.Add(new Binding("Text") { Source = this.textBox3 });
mb.Bindings.Add(new Binding("Text") { Source = this.textBox4 });

// 为Button设置多路Binding
this.button1.SetBinding(Button.IsEnabledProperty, mb);
}
}

// Converter
public class SubmitEnableConverter : IMultiValueConverter // 注意Converter基类的变化
{

public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
// 按对应值做决策
if (!values.Cast<string>().Any(text => string.IsNullOrEmpty(text))
&& values[0].ToString() == values[1].ToString()
&& values[2].ToString() == values[3].ToString())
{
return true;
}
return false;
}

// 因为是只从数据源到目标的意向Binding，所以，这个函数永远也不会被调到
public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
}

运行效果如下：