如何解决WPF中带EventTrigger的按钮RelayCommand CanExecute视觉状态不更新问题

一、解决带EventTrigger的按钮启用/禁用视觉状态不更新的问题 #

直接使用InvokeCommandAction仅会触发命令执行，但不会自动关联按钮的IsEnabled属性——而直接绑定Button.Command时，WPF会自动监听命令的CanExecuteChanged事件，同步更新按钮的启用状态。

以下两种方式可解决该问题：

方式1：同时绑定按钮的Command属性 #

给带EventTrigger的按钮额外绑定Command到同一命令，既保留EventTrigger处理PreviewMouseDown的逻辑，又让按钮自动同步命令的CanExecute状态：

<Button Margin="0,5,0,0" Command="{Binding MouseDownCommand}">
  <i:Interaction.Triggers>
    <i:EventTrigger EventName="PreviewMouseDown">
      <i:InvokeCommandAction Command="{Binding MouseDownCommand}" PassEventArgsToCommand="True"/>
    </i:EventTrigger>
  </i:Interaction.Triggers>
  <TextBlock Text="Button with xaml.behaviors"/>
</Button>

注意：默认Button.Command绑定的是Click事件，会和PreviewMouseDown触发两次命令执行。可在ViewModel的命令方法中标记事件为已处理避免重复：

[RelayCommand(CanExecute = nameof(CanExecuteMouseDown))]
private void MouseDown(MouseButtonEventArgs e) 
{ 
  e.Handled = true;
}

方式2：手动绑定IsEnabled到命令的CanExecute状态 #

先创建一个ICommand转bool的转换器：

public class CommandCanExecuteConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is ICommand command)
        {
            return command.CanExecute(parameter);
        }
        return false;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

在XAML中声明转换器资源：

<Window.Resources>
  <local:CommandCanExecuteConverter x:Key="CommandCanExecuteConverter"/>
</Window.Resources>

最后绑定按钮的IsEnabled属性：

<Button Margin="0,5,0,0" 
        IsEnabled="{Binding MouseDownCommand, Converter={StaticResource CommandCanExecuteConverter}}">
  <i:Interaction.Triggers>
    <i:EventTrigger EventName="PreviewMouseDown">
      <i:InvokeCommandAction Command="{Binding MouseDownCommand}"/>
    </i:EventTrigger>
  </i:Interaction.Triggers>
  <TextBlock Text="Button with xaml.behaviors"/>
</Button>

二、MVVM模式下绑定PreviewMouseUp等事件，是否必须使用Behaviors？ #

不需要，还有以下几种替代方案：

1. 使用附加属性（Attached Property） #

自定义附加属性实现事件到命令的绑定，可复用性强：

public static class EventToCommand
{
    public static readonly DependencyProperty PreviewMouseUpCommandProperty =
        DependencyProperty.RegisterAttached(
            "PreviewMouseUpCommand",
            typeof(ICommand),
            typeof(EventToCommand),
            new PropertyMetadata(null, OnPreviewMouseUpCommandChanged));

    public static void SetPreviewMouseUpCommand(DependencyObject obj, ICommand value)
    {
        obj.SetValue(PreviewMouseUpCommandProperty, value);
    }

    public static ICommand GetPreviewMouseUpCommand(DependencyObject obj)
    {
        return (ICommand)obj.GetValue(PreviewMouseUpCommandProperty);
    }

    private static void OnPreviewMouseUpCommandChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is UIElement element)
        {
            element.PreviewMouseUp -= Element_PreviewMouseUp;
            if (e.NewValue is ICommand command)
            {
                element.PreviewMouseUp += Element_PreviewMouseUp;
            }
        }
    }

    private static void Element_PreviewMouseUp(object sender, MouseButtonEventArgs e)
    {
        if (sender is DependencyObject obj)
        {
            var command = GetPreviewMouseUpCommand(obj);
            command?.Execute(e);
        }
    }
}

XAML中使用方式：

<Button local:EventToCommand.PreviewMouseUpCommand="{Binding MouseUpCommand}">
  <TextBlock Text="Button with Attached Property"/>
</Button>

2. 代码后置转发事件（符合MVVM） #

在View的代码后置中仅做事件转发，不包含业务逻辑，简单直接：

public partial class View : Window
{
    public View()
    {
        InitializeComponent();
    }

    private void Button_PreviewMouseUp(object sender, MouseButtonEventArgs e)
    {
        if (DataContext is ViewModel vm)
        {
            vm.MouseUpCommand.Execute(e);
        }
    }
}

XAML中绑定事件：

<Button PreviewMouseUp="Button_PreviewMouseUp">
  <TextBlock Text="Button with Code-Behind"/>
</Button>

3. 自定义控件 #

如果需要在多个页面复用相同的事件绑定逻辑，可自定义继承自Button的控件，在控件内部封装事件到命令的绑定逻辑。

内容的提问来源于stack exchange，提问作者Tom Oeser