【WPF新手快速入门系列】2.绑定

【概要】

上一章讲了布局，按照市面上的书籍每一本讲的顺序都不一样，本系列是希望大家能快速上手去应对工作需要，所以本章就直接开始讲绑定。

如有学习过程中想交流学习、疑惑解答可以来此QQ群交流：580749909。（所有涉及到的源码都上传到了群文件里）

希望加群的人提问时尽量想清楚自己的问题，愿意钻研而不是等现成的答案而不去思考。祝各位同仁早日学会WPF这项技术。

【绑定】

如上图所示按照个人理解我总结了一下，把绑定分为四步：

1.绑定目标

绑定目标很好理解，其实就是你要操作绑定的控件。例如：Button，TextBox。

<TextBox Width="200" Height="25"></TextBox>

2.绑定属性

如图所示，在操作TextBox的时候绑定需要指定你要绑定的属性比如：

 <TextBox Width="200" Height="25" Text="{Bingding Name}"></TextBox>

绑定语法介绍：

如上代码块中，Text就是绑定属性了， Bingding 是绑定关键字，而后面的Name就是你要绑定的数据源的变量名。

3.绑定模式

绑定模式一共分为5种，TwoWay，OneWayToSource，OneWay，OneTime，Default。如果不写则默认是TwoWay。

接下来分别介绍：

TwoWay 无论是目标属性还是源属性，只要发生了更改，TwoWay 就会更新目标属性或源属性。
OneWay 仅当源属性发生更改时更新目标属性。
OneTime 仅当应用程序启动时或 DataContext 进行更改时更新目标属性。
OneWayToSource 在目标属性更改时更新源属性。
Default：模式根据实际情况来定，如果是可编辑的就是TwoWay,只读的就是OneWay.

4.绑定数据源

数据源很容易和数据通知联系在一起所以在这里一起讲了。这里要讲的不仅仅是这么简单，我主要分为两块来讲先来看代码。

后台代码：

    public class MainViewModel : INotifyPropertyChanged
    {
        ObservableCollection<MainModel> collection = new ObservableCollection<MainModel>();

        private string _name;
        public string Name
        {
            get { return _name; }
            set
            {
                _name = value;
                OnPropertyChanged("Name");
            }
        }

        public MainViewModel() {
            Name = "100";
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected virtual void OnPropertyChanged(string propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    public class MainModel
    {
        public int Age { get; set; }

        public string Name { get; set; }
    }

前台代码：

<Window x:Class="TestDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:TestDemo"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <TextBox Width="200" Height="25" Text="{Binding Name,Mode=TwoWay}"></TextBox>
    </Grid>
</Window>

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new MainViewModel();
        }
    }

第一块：属性

其实数据绑定中的数据源，并没有特别的要求只要是属性实现了INotifyPropertyChanged的属性通知基本上都能实现。

第二块：集合

集合这一块就稍微特殊一点，为什么这么说呢。因为wpf中有提供一个叫ObservableCollection，这个集合使用起来和List一样，但内部实现了数据通知的机制所以开发者就不用实现一堆东西了。

而普通集合想要实现这种效果就需要实现数据通知的接口，但是这里平不仅仅实现INotifyPropertyChanged，让我们看看微软官方它是如何定义的。

我们在图中看到了INotifyCollectionChanged、INotifyPropertyChanged接口。我分别来讲述一下它们的作用：

1）INotifyCollectionChanged它的作用是通知集合的更改比如说这个集合中添加了某一个元素。

2）INotifyPropertyChanged的作用则是精确通知到这个集合中元素的属性更改。

比如自定义了一个数据类型放入了

List<MainModel> collection = new List<MainModel>();其中能达到数据通知的MainModel中定义的Age属性更改通知。

【WPF新手快速入门系列】2.绑定

猜你喜欢