[C#] [WPF] MVVMToolkit入门案例心得

跟着做的第一个MVVM项目, 学到一点基础的东西, 记下来; 有些用词不准确
假设我们要做一个页面, 通过按钮来控制上方文本框的文字, 通过勾选框来控制按钮的激活状态⬇️

一般流程

需要3个属性, 2个私有属性, 1个RelayCommand属性代表按钮点击后事件, 并配有相应的getter/setter

文本框的内容title

private string _title = "Hello World!";
public string Title
{
    get => _title;
    set { SetProperty(ref _title, value); }
}

按钮的激活状态isEnabled

private bool _isEnabled;
public bool IsEnabled
{
    get => _isEnabled;
    set
    {
        SetProperty(ref _isEnabled, value);
        ButtonClickCommand.NotifyCanExecuteChanged();
    }
}

按钮点击事件处理ButtonClickCommand

在类构造器里创建RelayCommand对象, 指定其Execute和CanExecute参数(注意lambda的使用)

public RelayCommand ButtonClickCommand { get; }
public MainWindowViewModel()
{
    ButtonClickCommand = new RelayCommand(() => Title = "Hooray!!", () => IsEnabled);
}

然后在xaml文件里绑定这些值就行了

生成器

MVVMToolkit提供了生成器的功能, 通过标签的方式简化代码, 省去了一些重复格式的代码i.e.属性方法, 同时也能保证后台与前端的数据同步变化

两个私有属性

添加标签ObservableProperty, 编译时会自动生成公共属性Title以及方法

[ObservableProperty]
private string _title = "Hello World!";

同理, 这样会生成IsEnabled
⚠️ 注意上面写isEnabled的时候, 用到了一个NotifyCanExecuteChanged的方法, 是用来提醒按钮事件的; 使用生成器后, 我们需要标签NotifyCanExecuteChangedFor来保证这一行的功能

[ObservableProperty]
[NotifyCanExecuteChangedFor(nameof(ButtonClickCommand))]
private bool _isEnabled;

按钮事件

当我们有复数个按钮的事件需要处理时, 反复指定RelayCommand是不效率的(坏文明
同样可以用生成器简化操作, 不需要单独指定以及构造器⬇️
⭐因为我们不在构造器里指定按钮事件了, 所以在这里使用生成器时, 注意把漏掉的都补上
⭐RelayCommand标签将ButtonClick自动识别为一个RelayCommand属性(对象, 反正是那个意思)
⭐传入一个CanExecute参数(Func<bool>), 本来写的是一个lambda式返回了IsEnabled值, 但是这里不能这样写
⭐nameof的作用是将方法名字符串化, 不能传入lambda

[RelayCommand(CanExecute = nameof(canButtonClick))]
private async Task ButtonClick()
{
    // 为了这个延迟效果才用了Task类型
    // ButtonClick执行时会先停1s, 同时按钮灰掉, 然后才会enabled和变化Title
    await Task.Delay(1000);
    Title = "Hooray!!";
}
 
// 我觉得这里的逻辑和之前的lambda格式是一样的, 只是给了一个名字, 作为CanExecute参数
private bool canButtonClick() => IsEnabled;