WPF学习（2）－绑定-iduyao

WPF学习（二）－绑定

绑定，这个看起来很神奇的东西，于我这种喜欢刨根儿的人而言，理解起来非常困难。
WPF绑定的核心思想是：数据层属性值的改变，能反应给展示层，反之亦然，并且这个响应的过程能被分离出来。

传统Winform编程更加原始，没有那么多隐藏的（implicate）技术。我就以winform的实现方式来领会WPF的机制。

public class DataLayer
    {
        public delegate void TextChangedEventHandler ( object sender, EventArgs e );

        public event TextChangedEventHandler TextChanged;

        private string text = "";

        public string Text
        {
            get { return text; }
            set
            {
                if ( text != value )
                {
                    text = value;
                    if ( this.TextChanged != null )
                        this.TextChanged ( this, new EventArgs ( ) );
                }
            }
        }

    }

数据层代码

public partial class PresentationLayer : Form
    {
        TextBox ui = new TextBox ( );
        DataLayer data = new DataLayer ( );

        public PresentationLayer ( )
        {
            InitializeComponent ( );
            this.Controls.Add ( ui );

            ui.TextChanged += new System.EventHandler ( this.PresentationLayerTextChanged );
            data.TextChanged += new DataLayer.TextChangedEventHandler ( this.DataLayerTextChanged );
        }

        private void PresentationLayerTextChanged ( object sender, EventArgs e )
        {
            data.Text = ui.Text;
        }

        private void DataLayerTextChanged ( object sender, EventArgs e )
        {
            ui.Text = data.Text;
        }

    }

展示层代码

这样就实现了前、后台数据的同步。缺点有三方面：

　　1、每个属性的数据同步，功能单一，内容相同。没有必要在数据层对每个属性的响应事件都单独定义事件委托。
　　2、为了保持数据同步，需要在展示层编写大量的数据同步代码。如果有很多个属性，重复的工作量非常大。
　　3、data作为PresentationLayer的成员，增加了耦合度。数据层和展示层没有完全分隔开。

　　问题1很好解决，从数据层抽象出一个接口事件，并在事件参数中要求说明激发事件的属性名

    public interface INotifyPropertyChanged
    {
        event PropertyChangedEventHandler PropertyChanged;
    }

    public delegate void PropertyChangedEventHandler ( object sender, PropertyChangedEventArgs e );

    public class PropertyChangedEventArgs : EventArgs
    {
        private readonly string propertyName;

        public PropertyChangedEventArgs ( string propertyName )
        {
            this.propertyName = propertyName;
        }

        public virtual string PropertyName
        {
            get
            {
                return this.propertyName;
            }
        }
    }

抽象出来的接口事件

这样，原始的DataLayer就变成这样

    public class DataLayerExt : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private string text = "";

        public string Text
        {
            get { return text; }
            set
            {
                if ( text != value )
                {
                    text = value;
                    if ( this.PropertyChanged != null )
                        this.PropertyChanged ( this, new PropertyChangedEventArgs ( "Text" ) );
                }
            }
        }

    }

DataLayerExt

　　问题2从逻辑上也不难解决，定义一个静态的方法，方法的参数要说明是哪两个对象的哪两个属性需要同步，并记录这种同步关系

    public class BindingOperations
    {
        static List<BindingRelative> lstBindingRelative = new List<BindingRelative>();

        // 源和目标的类型应该是object。这里只为表达语意，完全实现很困难
        public static void SetBinding ( TextBox uiObject, string uiPropertyName, DataLayerExt dataObject, string dataPropertyName )
        {
            // 用列表记录同步关系
            lstBindingRelative.Add ( new BindingRelative ( ) { UIObject = uiObject, UIObjectPropertyName = uiPropertyName, DataObject = dataObject, DataObjectPropertyName = dataPropertyName } );
            // 增加事件处理方法
            uiObject.TextChanged += new EventHandler ( uiObject_TextChanged );
            dataObject.PropertyChanged += new PropertyChangedEventHandler ( target_PropertyChanged );
        }

        static void uiObject_TextChanged ( object sender, EventArgs e )
        {
            foreach ( BindingRelative item in lstBindingRelative )
            {
                if ( item.UIObjectPropertyName == "Text" )
                {
                    // 通用的方式应该是这样
                    //item.Source.SourcePropertyName = item.Target.dataPropertyName;
                    item.DataObject.Text = item.UIObject.Text;
                    break;
                }
            }
        }

        static void target_PropertyChanged ( object sender, PropertyChangedEventArgs e )
        {
            foreach ( BindingRelative item in lstBindingRelative )
            {
                if ( item.DataObjectPropertyName == e.PropertyName )
                {
                    // 通用的方式应该是这样
                    //item.Source.SourcePropertyName = item.Target.dataPropertyName;
                    item.UIObject.Text = item.DataObject.Text;
                    break;
                }
            }

        }
    }

    //定义一个用来记录绑定关系的结构
    public class BindingRelative
    {
        public TextBox UIObject;
        public string UIObjectPropertyName;
        public DataLayerExt DataObject;
        public string DataObjectPropertyName;
    }

建立数据同步关系

　　这样，展示层只需要设计界面的风格，定义界面中的展示元素，与后台数据完全分离。不知不觉中，问题1也一并解决了。

    public partial class PresentationLayerExt : Form
    {

        public TextBox ui = new TextBox ( );

        public PresentationLayerExt ( )
        {
            InitializeComponent ( );
            this.Controls.Add ( ui );
        }

    }

PresentationLayerExt

　　当然，指定同步关系还是要用代码实现的，但不在展示层，而是在外部，比如在Main()函数处

    static class Program
    {
        /// <summary>
        /// 应用程序的主入口点。
        /// </summary>
        [STAThread]
        static void Main ( )
        {
            Application.EnableVisualStyles ( );
            Application.SetCompatibleTextRenderingDefault ( false );

            PresentationLayerExt p = new PresentationLayerExt ( );
            DataLayerExt d = new DataLayerExt ( );
            BindingOperations.SetBinding ( p.ui, "Text", d, "Text" );

            Application.Run ( p );
        }
    }

Main()

　　以上，用Winform实现了数据同步，并做到了数据层与展示层的分离。由于Winform中根据属性名称字符串获取对象的属性非常困难，定义同步关系的方法SetBinding有很大的缺陷，几乎没有通用性可言。但这不妨碍通过Winform的示例理解WPF绑定技术的运行机制。

　　WPF的绑定技术，实现数据层和展示层的数据同步原理也是这样：
　　　　数据层的类需要派生自System.ComponentModel中的INotifyPropertyChanged接口，
　　　　每个类都必须包含PropertyChanged事件，并在属性值改变时，激发这个事件，事件参数中传入属性名。

　　　　数据同步关系由BindingOperations的SetBinding方法建立。

　　　　在WPF中SetBinding方法的后两个参数打包成Binding类型的对象

　　　　这样，SetBinding方法的对象参数就可以使用最原始的DependencyObject类型的对象，提高通用性。
　　　　很多WPF控件已封装过SetBinding方法，这样就在对象绑定自己的属性时，就可以调用自己的SetBinding方法省略目标这个参数

　　一个完整的WPF应用Binding技术的例子

    // Data作为绑定的数据源头，总会接收绑定目标的改变
    // 但是，如果想将Data源头的改变告诉绑定目标，
    // 必须要从INotifyPropertyChanged接口派生，并实现响应事件的激发
    public class DataClass : System.ComponentModel.INotifyPropertyChanged
    {
        private string myString;

        public string MyString
        {
            get { return myString; }
            set
            {
                myString = value;
                
                //激发事件
                if ( PropertyChanged != null )
                    PropertyChanged ( this, new System.ComponentModel.PropertyChangedEventArgs ( "MyString" ) );
            }
        }

        public event System.ComponentModel.PropertyChangedEventHandler PropertyChanged;

    }

定义数据类

    // 作为被绑定的目标类，必须从DependencyObject派生
    // 这样定义的类才能满足SetBinding方法的第一个参数的类型要求
    // 还要额外定义一个依赖属性，用来满足SetBinding方法的第二个参数要求
    // 用DependencyObject派生方法GetValue和SetValue，控制属性的存、取
    public class UIClass : System.Windows.DependencyObject
    {
        public string MyText
        {
            get { return ( string ) GetValue ( MyTextProperty ); }
            set { SetValue ( MyTextProperty, value ); }
        }

        public static readonly System.Windows.DependencyProperty MyTextProperty =
            System.Windows.DependencyProperty.Register ( "MyText", typeof ( string ), typeof ( UIClass ) );

    }

展示类

测试类

　　相比Winform，WPF实现了按属性名称存/取对象属性的功能，并把这个技术叫做依赖属性。

　　有了依赖属性，WPF的SetBinding方法就真正做到通用，这个技术在后面继续研究。

　　程序的世界哪有什么神奇，只是有的人做了更多的工作，结果看起来很神奇而已。

　　所谓的数据与展示分离，不过是在这两层之外，额外创建了一个管理机构。

　　而WPF的绑定技术，就是这个管理机构中的一个部门，负责收、发快递！

WPF学习（2）－绑定

其他相似内容：

ModernUI课程：处理内容导航事件

ModernUI课程：第一个ModernUI应用(手动编写)

传智播客-数据绑定-INotifyPropertyChanged（小白内容）

ModernUI课程：目录

传智播客-高级控件-showdialog封锁（小白内容）

传智播客-XAML格局-连连看界面（小白内容）

WPF跟Expression Blend开发实例:充分利用Blend实现一个探照灯的效果

wpf做的可扩张记事本

喜马拉雅第三方客户端开发（接口跟接口数据解析）

wpf企业应用之SelectButton(用以列表页之类的选择)

热门推荐：

WPF学习（2） － 绑定

其他相似内容：

热门推荐：

WPF学习（2）－绑定