Winforms 上的 MVVM：禁用的按钮可以悬停（使用 async/await）

Question

由于我不熟悉 WPF，我想尝试在 Winforms 中使用 MVVM 模式。我有一个表单，单击按钮会启动一个异步方法，该方法通过 API 检索 msgs。

该操作在我的视图模型中运行，其中还有控制某些 UI 行为的属性。视图模型通过 Fody Weaver Property Changed 实现 INotifyOnPropertyChanged，并有一个 BindingSource 接收视图模型本身作为 DataSource。

BindingSource bsViewModel = new BindingSource();
bsViewModel.DataSource = this; // this being the view model the BindingSource lives in

VM 属性通过 DataBinding.Add() 绑定到控件的属性。除了出现此故障外，它工作正常。按钮文本已正确更新，但仅当我将鼠标悬停在按钮上时按钮的颜色（或在放置这些按钮的 UserControl 中调用 Refresh();）。

一位同事在 WinForms 中使用与 BindingSource、MVVM 相同的技术，但使用的是 BackgroundWorker 而不是异步等待。他没有这个问题。他的按钮正确禁用，禁用时不显示悬停效果。

这个半禁用的按钮可能是什么原因？

Answer 1

一个简单的 ReactiveUI 示例：

1.- 创建一个新的 Winforms 项目 (.net 4.5)

2.- 添加 reactiveui-winforms nuget 包 (7.4.0)

3.- 添加一个名为“MainViewModel”的新类并添加此引用：

using System;
using System.Reactive;
using System.Threading.Tasks;
using ReactiveUI;

4.- 这是课程代码：

public class MainViewModel : ReactiveObject
{
    private bool canExecute;
    private string textButton;

    public MainViewModel()
    {
        this.CanExecute = true;
        this.TextButton = "Press me"
        // the command creation, this.WhenAnyValue(x => x.CanExecute) is an observable that will change the enabled/disabled command when CanExecute changes
        this.AsyncProcess = ReactiveCommand.CreateFromTask(AsyncProcessImpl, this.WhenAnyValue(x => x.CanExecute));
    }

    public bool CanExecute
    {
        get { return this.canExecute; }
        set { this.RaiseAndSetIfChanged(ref this.canExecute, value); }
    }

   public string TextButton
   {
        get { return textButton; }
        set { this.RaiseAndSetIfChanged(ref textButton, value); }
   }

    public ReactiveCommand<Unit, Unit> AsyncProcess { get; } 

    private async Task AsyncProcessImpl()
    {
        // changing CanExecute to false will disable the button
        this.CanExecute = false;
        this.TextButton = "Wait..."
        await Task.Delay(TimeSpan.FromSeconds(5)); // just for testing
        // CanExecute back to true, the button will be enabled
        this.CanExecute = true;
        this.TextButton = "Press me";
    }
}

5.- 打开 Form1 表单并添加一个名为“btnStart”的按钮。

6.- 打开后面的Form1代码，添加对ReactiveUI的引用：

using ReactiveUI;

7.- 将类更改为：

public partial class Form1: Form, IViewFor<MainViewModel>
{
    public Form1()
    {
        InitializeComponent();

        // ViewModel initialization
        this.ViewModel = new MainViewModel();

        // binding creation when the form is activated
        this.WhenActivated(dispose => {
            // the command binding will be disposed when the form is deactivated, no memory leaks
            dispose(this.BindCommand(this.ViewModel, x => x.AsyncProcess, x => x.btnStart));
            dispose(this.OneWayBind(this.ViewModel, x => x.TextButton, x => x.btnStart.Text);
        });
    }

    public MainViewModel ViewModel { get;  set; }

    object IViewFor.ViewModel
    {
        get { return this.ViewModel; }
        set { this.ViewModel = value as MainViewModel; }
    }
}

8.- 运行应用程序

编辑：如果你想改变哪个事件会触发命令，只需在 BindCommand 方法中添加最后一个参数：

dispose(this.BindCommand(this.ViewModel, x => x.AsyncProcess, x => x.btnStart, "TheEventNameYouWant"));

您可以将命令绑定到具有 Disable 属性的任何控件，只需使用将引发命令的事件的名称。

Answer 2

问题出在 WinForms 本身。它只是不适合我知道但无论如何想试一试的 MVVM 模式。

我使用后台工作程序尝试了我的异步方法。按钮的问题是一样的。仅当您从异步方法中/从不同线程更改视图模型属性时才会发生这种情况。

我注意到的另一件事是，使用视图模型属性和数据绑定根本无法控制可见性。仅当您通过进度报告进行设置时，启用的属性才有效。有点可惜，不过我还是想学WPF...

更新：我在 ReactiveUI 之外发现的唯一解决方法是使用 IProgress<Action>。在异步方法中，我在 progress.Report(new Action() => { ... }) 中更改了我的 ViewModel 的属性，其余的由数据绑定完成。 INotifyPropertyChanged 也需要在 ViewModel 中实现（nuget PropertyChanged.Fody 将在此处提供帮助）。