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

 
   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(); 
        }
    }
}
 
 

运行效果如下：

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

OVER

本文转自水之真谛 51CTO博客，原文链接：http://blog.51cto.com/liutiemeng/95293，如需转载请自行联系原作者

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

热门文章

最新文章

相关电子书