wpf中数据绑定和INotifyPeropertyChanged的理解

原创：转载请注明出处。

先说数据绑定：

XAML代码：

<Window x:Class="数据绑定和INotifyPropertyChanged.Window1" Loaded="Window_Loaded"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="数据绑定和INotifyPropertyChanged" Height="300" Width="300">
    <Grid>
        <Label Height="28" Margin="15,35,0,0" Name="lbAge" VerticalAlignment="Top" HorizontalAlignment="Left" Width="42">年龄：</Label>
        <Label Height="28" HorizontalAlignment="Left" Margin="15,83,0,0" Name="lbName" VerticalAlignment="Top" Width="42">姓名：</Label>
        <TextBox Height="23" Margin="79,37,79,0" Name="TxtAge" VerticalAlignment="Top" Text="{Binding Name}"/>
        <TextBox Height="23" Margin="79,83,79,0" Name="TxtName" VerticalAlignment="Top" Text="{Binding Age}"/>
    </Grid>
</Window>

C#代码：

步骤如下：

先定义一个类

public class Person:INotifyPropertyChanged
    {
        private string _name;

        public string Name
        {
            get { return _name; }
            set { _name = value; }
        }

        private int _age;

        public int Age
        {
            get { return _age; }
            set { _age = value; }
        }
18     }

然后在后台写代码：

private Person p1;

        public Person P1
        {
            get { return p1; }
            set { p1 = value; }
        }
        public Window1()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            p1 = new Person();
            p1.Name = "aaa";
            p1.Age = 15;

            TxtAge.DataContext = p1;
            TxtName.DataContext = p1;
        }

注意：

这里牵扯到一个很重要的东西，“数据上下文”,即DataContext，必须把界面控件的DataContext和类的实例绑定起来，这样界面才会显示类中属性的值。
要想控件获得类中的属性值并显示，控件必须绑定类中的属性。

 

接下来说一下INotifyPropertyChanged，这个是MVVM的基础，也是数据双向绑定很重要很关键的部分。通过他，类的属性值改变才会改变UI界面显示的值。（有一个很重要的知识点：事件，这个不懂得赶紧去学下再来接着往下看）。

上代码，这个代码是数据绑定部分代码的基础上进一步完善。

XMAL代码：

<Window x:Class="数据绑定和INotifyPropertyChanged.Window1" Loaded="Window_Loaded"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="数据绑定和INotifyPropertyChanged" Height="300" Width="300">
    <Grid>
        <Label Height="28" Margin="15,35,0,0" Name="lbAge" VerticalAlignment="Top" HorizontalAlignment="Left" Width="42">年龄：</Label>
        <Label Height="28" HorizontalAlignment="Left" Margin="15,83,0,0" Name="lbName" VerticalAlignment="Top" Width="42">姓名：</Label>
        <TextBox Height="23" Margin="79,37,79,0" Name="TxtAge" VerticalAlignment="Top" Text="{Binding Name}"/>
        <TextBox Height="23" Margin="79,83,79,0" Name="TxtName" VerticalAlignment="Top" Text="{Binding Age}"/>
        <Button Height="23" HorizontalAlignment="Left" Margin="30,0,0,80" Name="BtnAgePP" VerticalAlignment="Bottom" Width="75" Click="BtnAgePP_Click">Age++</Button>
        <Button Height="23" Margin="132,0,71,80" Name="BtnDisplayAge" VerticalAlignment="Bottom" Click="BtnDisplayAge_Click">显示年龄</Button>
    </Grid>
</Window>

C#代码：

private Person p1;

        public Person P1
        {
            get { return p1; }
            set { p1 = value; }
        }
        public Window1()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            p1 = new Person();
            p1.Name = "aaa";
            p1.Age = 15;

            TxtAge.DataContext = p1;
            TxtName.DataContext = p1;
        }

        private void BtnDisplayAge_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show(p1.Age.ToString());
            MessageBox.Show(p1.Name);
        }

        private void BtnAgePP_Click(object sender, RoutedEventArgs e)
        {
            p1.Age++;
            p1.Name = "ccc";
        }

类：person也要改，

public class Person:INotifyPropertyChanged
    {
        private string _name;

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

        private int _age;

        public int Age
        {
            get { return _age; }
            set { _age = value; if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs("Age")); } }
        }

        #region INotifyPropertyChanged 成员

        public event PropertyChangedEventHandler PropertyChanged;//数据绑定会监听这个PropertyChanged事件

        #endregion
    }

有没有注意到类Person有什么变化，对，Person类实现了INotifyPropertyChanged接口。
解释一下：

1、Person类实现INotifyPropertyChanged接口，这个接口只有一个PropertyChanged事件成员。

看源码：

    // 摘要:
    //     向客户端发出某一属性值已更改的通知。
    public interface INotifyPropertyChanged
    {
        // 摘要:
        //     在更改属性值时发生。
        event PropertyChangedEventHandler PropertyChanged;
    }

2、数据绑定会检测Person类是否实现了INotifyPropertyChanged接口，
3、如果Person类实现了INotifyPropertyChanged接口，那就监听PropertyChanged事件。

4、如果Property改变了，那么就产生PropertyChanged事件，即PropertyChanged！=null。

5、向前端UI发送属性值改变的额通知，控件绑定了属性，控件收到属性改变的通知，就把自身的值也改变 。

 

 

补充：在数据绑定的时候，是一个一个控件绑定的，当控件少的时候这没问题，但是控件多的话，就要重复写很多次的datacontext了。这时候，可以用this.DataContext来统一指定当前窗口的所有控件的数据上下文。

譬如，本文中的例子可以变成this.DataContext = p1。这样的话，DataContext就可以作用到全部的控件，而不需要一个一个去指定了。

当然，也可以在this的DataContext指定后，给某个控件指定DataContext，这样子特定的控件就有它自己的DataContext了。