在 ViewModel 中将自定义方法与参数绑定

Question

我正在创建一个 UWP MVVM 应用。我已经创建了 ViewModel 和 View，并将其设为 DataContext，并且使用绑定一切正常。

我能够调用没有参数的方法。这是我在 View 中的 XAML 代码：

<Button VerticalAlignment="Top" HorizontalAlignment="Right" Margin="50" Width="50" Height="50" Background="Transparent" BorderBrush="Transparent" Content="OK" FontSize="32" FontWeight="Bold" Foreground="White" Click="{x:Bind Path=ViewModel.ButtonMainClick, Mode=OneWay}"/> 

在 ViewModel 我有这样的：

public void ButtonMainClick()
{
    // TO DO
}

这很好用。

现在我想调用一些有参数的方法。但我不能这样做。我在互联网上看到有一个 EventTriggerBehavior。但是我不确定如何使用它并传递一些参数。

有什么想法吗？

Answer 1

假设 UWP 和 WPF 绑定工作相同，您应该将按钮绑定到 ICommand 类型的属性到 ViewModel 中。 ICommand 的一个常见实现是 RelayCommand，它可能看起来像这样：

 public class RelayCommand : ICommand
    {
        private readonly Action _targetExecuteMethod;
        private readonly Func<bool> _targetCanExecuteMethod;
        public RelayCommand(Action executeMethod) => _targetExecuteMethod = executeMethod;

        public RelayCommand(Action executeMethod, Func<bool> canExecuteMethod)
        {
            _targetExecuteMethod = executeMethod;
            _targetCanExecuteMethod = canExecuteMethod;
        }
        public void RaiseCanExecuteChanged() => CanExecuteChanged(this, EventArgs.Empty);
        bool ICommand.CanExecute(object parameter) => _targetCanExecuteMethod?.Invoke() ?? _targetExecuteMethod != null;
        public event EventHandler CanExecuteChanged = delegate { };
        void ICommand.Execute(object parameter) => _targetExecuteMethod?.Invoke();
    }
    public class RelayCommand<T> : ICommand
    {
        private readonly Action<T> _targetExecuteMethod;
        private readonly Func<T, bool> _targetCanExecuteMethod;
        public RelayCommand(Action<T> executeMethod) => _targetExecuteMethod = executeMethod;
        public RelayCommand(Action<T> executeMethod, Func<T, bool> canExecuteMethod)
        {
            _targetExecuteMethod = executeMethod;
            _targetCanExecuteMethod = canExecuteMethod;
        }
        public void RaiseCanExecuteChanged() => CanExecuteChanged(this, EventArgs.Empty);
        bool ICommand.CanExecute(object parameter)
        {
            if (_targetCanExecuteMethod != null)
            {
                var tparm = (T)parameter;
                return _targetCanExecuteMethod(tparm);
            }
            return _targetExecuteMethod != null;
        }
        public event EventHandler CanExecuteChanged = delegate { };
        void ICommand.Execute(object parameter) => _targetExecuteMethod?.Invoke((T)parameter);
    }

对于 View 和 ViewModel，看看这个例子：https://stackoverflow.com/a/53045098/9889260

如果你想使用参数。您只需使用通用的RelayCommand<T>，其中T 是您要作为参数传递的类型，并且还给您的Excecute 和CanExcecute（如果有的话）方法T 作为您的参数。

亲切的问候， 误会

Answer 2

使用x:Bind 的事件处理程序不能接受任意参数。

一个简单的解决方案就是公开另一种为您调用的方法。 Click事件绑定的方法没有参数，只是调用了你需要执行的方法。

[编辑] 如果您需要从生成事件的控件传递上下文，您可以通过添加事件签名并访问 sender 的 DataContext 并转换您的 ViewModel 类型来实现。

void FuncThatDoesSomething(T1 arg1, T2 arg2,...)
{
  // do it
}

// function has to match the event handler signature 
void FuncThatIsBoundInXaml(object sender, RoutedEventArgs e)
{
  var vm = sender.DataContext as YourViewModelType;
  // call method with required args
  FuncThatDoesSomething(vm.SomeProperty, 42);
}