📜  WPF-数据绑定(1)

📅  最后修改于: 2023-12-03 14:48:35.052000             🧑  作者: Mango

WPF 数据绑定

在 WPF 中,数据绑定是实现 MVVM 模式的基础。通过数据绑定,我们可以将控件的属性绑定到数据源上,当数据源的值发生变化时,控件的属性也会随之更新。本文将介绍 WPF 数据绑定的基本使用方法。

数据绑定模式

WPF 支持多种数据绑定模式,常用的有以下几种:

  • OneWay:单向绑定,只能将数据从数据源传递给控件,控件的值改变不会影响数据源。
  • TwoWay:双向绑定,既可以将数据从数据源传递给控件,也可以将控件的值传递回数据源。
  • OneTime:单次绑定,只在初始绑定时传递数据,之后不再更新。
  • OneWayToSource:单向到源绑定,只能将控件的值传递回数据源,控件的值改变不会影响数据源。
绑定语法

WPF 的数据绑定语法使用大括号 {} 来表示,语法如下:

{Binding Path=属性名, Mode=绑定模式, Source=数据源, Converter=转换器}
  • Path:指定要绑定的属性名,可以使用点号来表示绑定多层属性。
  • Mode:指定绑定模式,可选的值为 OneWay、TwoWay、OneTime 和 OneWayToSource。
  • Source:指定数据源,可以是页面上的元素、ViewModel 等。
  • Converter:数据转换器,用于将数据转换成需要的格式。
实例

下面是一个简单的例子,在这个例子中,我们将文本框的 Text 属性绑定到 ViewModel 中的 Name 属性上:

<Window x:Class="WpfApp1.MainWindow"
        ...
        xmlns:local="clr-namespace:WpfApp1"
        Title="MainWindow" Height="250" Width="500">
    <Window.DataContext>
        <local:ViewModel />
    </Window.DataContext>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Text="请输入姓名:" />
        <TextBox Grid.Row="1" Text="{Binding Path=Name, Mode=TwoWay}" />
    </Grid>
</Window>

ViewModel 中的代码如下:

public class ViewModel : INotifyPropertyChanged
{
    private string _name;

    public string Name
    {
        get { return _name; }
        set
        {
            if (_name != value)
            {
                _name = value;
                RaisePropertyChanged(nameof(Name));
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void RaisePropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

在这里,我们实现了 INotifyPropertyChanged 接口,当 Name 属性变化时,会触发 PropertyChanged 事件。

总结

通过本文的学习,我们掌握了 WPF 数据绑定的基本使用方法,这对于实现 MVVM 模式有很大的帮助。在实际开发中,我们还需要注意选择合适的绑定模式,以提高程序性能。