.NET怎么在WPF或MAUI中实现数据绑定_WPF MAUI数据绑定教程

数据绑定在WPF和MAUI中均通过INotifyPropertyChanged实现,WPF使用DataContext,MAUI使用BindingContext,配合XAML的Binding语法完成界面与数据的自动同步。

.NET 开发中,数据绑定 是 WPF 和 MAUI 实现界面与逻辑分离的核心机制。它允许 UI 元素自动反映数据的变化,减少手动更新视图的代码。虽然 WPF 和 MAUI 都支持数据绑定,但实现方式略有不同。下面分别介绍两者中的常用做法。

WPF 中的数据绑定

WPF 的数据绑定功能非常成熟,依赖于 INotifyPropertyChanged 接口和 DataContext

基本步骤如下:

  • 定义一个实现了 INotifyPropertyChanged 的数据类,当属性变化时触发通知
  • 将对象实例赋值给页面或控件的 DataContext
  • 在 XAML 中使用 Binding 语法绑定属性

示例代码:

public class Person : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set
        {
            _name = value;
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Name)));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
}

在 XAML 中绑定:

并在后台设置 DataContext:

this.DataContext = new Person { Name = "张三" };

MAUI 中的数据绑定

MAUI 延续了 Xamarin.Forms 的绑定机制,同样使用 INotifyPropertyChangedBindingContext(相当于 WPF 的 DataContext)。

关键点:

  • 模型或 ViewModel 需要实现 INotifyPropertyChanged
  • 设置页面的 BindingContext
  • XAML 中使用 {Binding} 绑定路径

示例:

// ViewModel
public class UserViewModel : INotifyPropertyChanged
{
    private string _userName = "李四";
    public string UserName
    {
        get => _userName;
        set
        {
            _userName = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

在 MAUI 页面中设置 BindingContext:

this.BindingContext = new UserViewModel();

XAML 绑定:

绑定命令( ICommand )

除了属性绑定,WPF 和 MAUI 都支持命令绑定,用于处理按钮点击等操作。

常用做法是使用 RelayCommandDelegateCommand 包装方法。

例如在 ViewModel 中定义:

public ICommand SaveCommand => new Command(() =>
{
    // 执行保存逻辑
});

在 XAML 中绑定:

基本上就这些。只要理解了 绑定源、路径、通知机制,就能在 WPF 和 MAUI 中灵活使用数据绑定。不复杂但容易忽略细节,比如忘记设置 DataContext 或未触发属性变更通知。