如何使用 ReactiveUI 和 WPF 绑定命令

Question

我正在尝试在 WPF 中学习 ReactiveUI，但我对如何使用 Reactive UI 绑定（不是默认的 Xaml 绑定）来绑定命令感到困惑。 我在 ReactiveUI 文档上读到正确的方法是使用以下指令：

this.BindCommand(this.ViewModel, vm => vm.MyCommand, v => v.myControl);

现在如果我在 MainWindowView.xaml (View):

        <Button x:Name="TestButton" Command="{Binding Click}" />

在 MainWindowView 代码隐藏中：

    public partial class MainWindowView : Window
    {
       public MainWindowView()
       {
             InitializeComponent();
             DataContext = new MainWindowViewModel();
       }
    }

并在MainWindowViewModel（ViewModel）中：

    class MainWindowViewModel : ReactiveObject
    {
       public ReactiveCommand<Unit, Unit> ClickCommand { get; }

       public MainWindowViewModel()
       {
           ClickCommand = ReactiveCommand.Create(ClickMethod);
       }

       void ClickMethod()
       {
           // Code for executing the command here.
       }
   }

我不知道在哪里插入以及如何编写第一条指令：

this.BindCommand(this.ViewModel, vm => vm.MyCommand, v => v.myControl);

针对我的具体情况。

非常感谢您的回答。

Answer 1

Rodney Littles 在上面的评论中引用的 WPF 示例非常好。对于您的情况，它应该是这样的：

public partial class MainWindowView : ReactiveWindow<MainWindowViewModel>
{
    public MainWindowView()
    {
        InitializeComponent();
        ViewModel = new MainWindowViewModel();

        this
            .WhenActivated(disposables => {
                this
                    .BindCommand(this.ViewModel, vm => vm.ClickCommand, v => v.TestButton)
                    .DisposeWith(disposables);
        });
    }
}

确保您派生自 ReactiveWindow<MainWindowViewModel> 而不是 Window。另外，不要使用DataContext，而是使用名为ViewModel 的继承属性。