如何使用MVVM Community Toolkit将自定义控件事件绑定到RelayCommand

你的报错原因很明确：WPF默认的事件绑定只接受EventHandler委托类型的目标，而RelayCommand实现的是ICommand接口，两者类型不匹配，因此无法直接绑定。下面提供两种通用解决方案，均支持扩展到NumericUpDown等其他控件：

方案1：使用Microsoft.Xaml.Behaviors.Wpf（推荐，简单快捷） #

这是WPF官方推荐的事件转命令工具，无需自己编写复杂逻辑。

步骤： #

1. 安装NuGet包：在项目中安装Microsoft.Xaml.Behaviors.Wpf
2. 在XAML中添加命名空间：

   xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
   

3. 为控件绑定事件到Command：
   针对你的MyTextBox和NumericUpDown，只需在控件内部添加Interaction.Triggers节点，指定要监听的事件和对应的Command：

   <!-- MyTextBox绑定UserMadeChange事件到SaveCommand -->
   <local:MyTextBox>
       <i:Interaction.Triggers>
           <i:EventTrigger EventName="UserMadeChange">
               <i:InvokeCommandAction Command="{Binding SaveCommand}" />
           </i:EventTrigger>
       </i:Interaction.Triggers>
   </local:MyTextBox>
   
   <!-- NumericUpDown绑定用户操作触发的事件（比如自定义的UserValueChanged）到SaveCommand -->
   <local:NumericUpDown>
       <i:Interaction.Triggers>
           <i:EventTrigger EventName="UserValueChanged">
               <i:InvokeCommandAction Command="{Binding SaveCommand}" />
           </i:EventTrigger>
       </i:Interaction.Triggers>
   </local:NumericUpDown>
   

   如果需要传递参数，可添加CommandParameter="{Binding 你的参数}"到InvokeCommandAction节点。

方案2：自定义附加属性（无第三方依赖，高度灵活） #

如果不想引入外部库，可以通过自定义附加属性实现事件到ICommand的绑定，且支持任意控件的任意事件。

代码实现： #

创建一个静态辅助类，用于处理事件绑定和Command触发：

using System;
using System.Reflection;
using System.Windows;
using System.Windows.Input;

public static class CommandEventBinder
{
    // 附加属性：绑定的Command
    public static readonly DependencyProperty CommandProperty =
        DependencyProperty.RegisterAttached(
            "Command",
            typeof(ICommand),
            typeof(CommandEventBinder),
            new PropertyMetadata(null, OnCommandOrEventChanged));

    // 附加属性：要监听的事件名称
    public static readonly DependencyProperty EventNameProperty =
        DependencyProperty.RegisterAttached(
            "EventName",
            typeof(string),
            typeof(CommandEventBinder),
            new PropertyMetadata(null, OnCommandOrEventChanged));

    // 附加属性：Command参数
    public static readonly DependencyProperty CommandParameterProperty =
        DependencyProperty.RegisterAttached(
            "CommandParameter",
            typeof(object),
            typeof(CommandEventBinder));

    // Get/Set方法
    public static void SetCommand(DependencyObject obj, ICommand value) => obj.SetValue(CommandProperty, value);
    public static ICommand GetCommand(DependencyObject obj) => (ICommand)obj.GetValue(CommandProperty);
    public static void SetEventName(DependencyObject obj, string value) => obj.SetValue(EventNameProperty, value);
    public static string GetEventName(DependencyObject obj) => (string)obj.GetValue(EventNameProperty);
    public static void SetCommandParameter(DependencyObject obj, object value) => obj.SetValue(CommandParameterProperty, value);
    public static object GetCommandParameter(DependencyObject obj) => obj.GetValue(CommandParameterProperty);

    // 当Command或EventName变化时，重新绑定事件
    private static void OnCommandOrEventChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is not FrameworkElement element) return;

        var eventName = GetEventName(element);
        if (string.IsNullOrEmpty(eventName)) return;

        // 移除旧的事件绑定
        UnregisterEvent(element, eventName);

        // 绑定新的事件（仅当Command存在时）
        var command = GetCommand(element);
        if (command != null)
        {
            RegisterEvent(element, eventName);
        }
    }

    // 注册事件处理
    private static void RegisterEvent(FrameworkElement element, string eventName)
    {
        var eventInfo = element.GetType().GetEvent(eventName);
        if (eventInfo == null) return;

        // 创建通用事件处理委托
        var handler = Delegate.CreateDelegate(
            eventInfo.EventHandlerType,
            typeof(CommandEventBinder),
            nameof(OnEventTriggered));

        eventInfo.AddEventHandler(element, handler);
    }

    // 移除事件处理
    private static void UnregisterEvent(FrameworkElement element, string eventName)
    {
        var eventInfo = element.GetType().GetEvent(eventName);
        if (eventInfo == null) return;

        var handler = Delegate.CreateDelegate(
            eventInfo.EventHandlerType,
            typeof(CommandEventBinder),
            nameof(OnEventTriggered));

        eventInfo.RemoveEventHandler(element, handler);
    }

    // 事件触发时执行Command
    private static void OnEventTriggered(object sender, EventArgs e)
    {
        if (sender is not DependencyObject obj) return;

        var command = GetCommand(obj);
        var parameter = GetCommandParameter(obj) ?? e;

        if (command?.CanExecute(parameter) == true)
        {
            command.Execute(parameter);
        }
    }
}

XAML使用示例： #

<!-- MyTextBox绑定UserMadeChange事件到SaveCommand -->
<local:MyTextBox 
    local:CommandEventBinder.EventName="UserMadeChange"
    local:CommandEventBinder.Command="{Binding SaveCommand}" />

<!-- NumericUpDown绑定用户操作触发的事件到SaveCommand -->
<local:NumericUpDown 
    local:CommandEventBinder.EventName="UserValueChanged"
    local:CommandEventBinder.Command="{Binding SaveCommand}" />

两种方案对比 #

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