WPF中通过InputBindings检测Image控件三击事件的问题

遇到这种ViewModel没法直接访问MouseButtonEventArgs.ClickCount的情况太常见了——毕竟MVVM的核心就是视图和视图模型解耦，绝对不能让ViewModel依赖WPF的UI层类型。这里有几个靠谱的解决方案，你可以根据项目情况选择：

方案1：自定义附加属性（最通用的MVVM友好方案） #

你可以写一个全局可用的附加属性，把三击事件的逻辑封装在UI层，然后把结果传递给ViewModel的命令。

首先创建一个静态类来定义附加属性：

public static class MouseInputHelpers
{
    // 定义附加属性：TripleClickCommand
    public static readonly DependencyProperty TripleClickCommandProperty =
        DependencyProperty.RegisterAttached(
            "TripleClickCommand",
            typeof(ICommand),
            typeof(MouseInputHelpers),
            new PropertyMetadata(null, OnTripleClickCommandChanged));

    public static ICommand GetTripleClickCommand(DependencyObject obj)
    {
        return (ICommand)obj.GetValue(TripleClickCommandProperty);
    }

    public static void SetTripleClickCommand(DependencyObject obj, ICommand value)
    {
        obj.SetValue(TripleClickCommandProperty, value);
    }

    // 属性变更时绑定/解绑事件
    private static void OnTripleClickCommandChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is UIElement element)
        {
            element.MouseDown -= HandleMouseDown;
            if (e.NewValue is ICommand command)
            {
                element.MouseDown += HandleMouseDown;
            }
        }
    }

    // 处理鼠标点击，判断三击并触发命令
    private static void HandleMouseDown(object sender, MouseButtonEventArgs e)
    {
        if (e.ClickCount == 3 && sender is UIElement element)
        {
            var command = GetTripleClickCommand(element);
            command?.Execute(e.ClickCount); // 把点击次数作为参数传给ViewModel
        }
    }
}

然后在View的XAML里绑定这个属性：

<!-- 记得先添加命名空间 xmlns:local="clr-namespace:你的项目命名空间" -->
<Image Source="your-image-source"
       local:MouseInputHelpers.TripleClickCommand="{Binding ImageTripleClickCommand}" />

最后在ViewModel里定义对应的命令（以RelayCommand为例）：

public ICommand ImageTripleClickCommand { get; }

public YourViewModel()
{
    ImageTripleClickCommand = new RelayCommand<int>(clickCount =>
    {
        // 这里直接拿到点击次数，处理你的三击逻辑
        Console.WriteLine($"检测到三击，点击次数：{clickCount}");
    });
}

方案2：使用Blend行为（更灵活的可复用组件） #

如果你项目里已经引用了Microsoft.Xaml.Behaviors.Wpf包（NuGet可安装），可以用行为来封装这个逻辑，代码结构更清晰：

先写一个自定义行为：

public class MouseTripleClickBehavior : Behavior<UIElement>
{
    public ICommand TripleClickCommand
    {
        get { return (ICommand)GetValue(TripleClickCommandProperty); }
        set { SetValue(TripleClickCommandProperty, value); }
    }

    public static readonly DependencyProperty TripleClickCommandProperty =
        DependencyProperty.Register(nameof(TripleClickCommand), typeof(ICommand), typeof(MouseTripleClickBehavior), new PropertyMetadata(null));

    protected override void OnAttached()
    {
        base.OnAttached();
        AssociatedObject.MouseDown += OnMouseDown;
    }

    protected override void OnDetaching()
    {
        base.OnDetaching();
        AssociatedObject.MouseDown -= OnMouseDown;
    }

    private void OnMouseDown(object sender, MouseButtonEventArgs e)
    {
        if (e.ClickCount == 3)
        {
            TripleClickCommand?.Execute(e.ClickCount);
        }
    }
}

XAML里使用行为：

<!-- 添加行为命名空间 xmlns:b="http://schemas.microsoft.com/xaml/behaviors" -->
<Image Source="your-image-source">
    <b:Interaction.Behaviors>
        <local:MouseTripleClickBehavior TripleClickCommand="{Binding ImageTripleClickCommand}" />
    </b:Interaction.Behaviors>
</Image>

ViewModel的命令和方案1完全一致，不需要修改。

方案3：Code-Behind转发（快速临时方案） #

如果只是临时需求或者小型项目，不想写复杂的附加属性/行为，可以直接在View的代码后台处理事件，然后转发给ViewModel的命令——这种方式并不会破坏MVVM，因为业务逻辑依然在ViewModel里，Code-Behind只是做了个简单的转发：

XAML绑定事件：

<Image Source="your-image-source" MouseDown="Image_MouseDown" />

Code-Behind代码：

private void Image_MouseDown(object sender, MouseButtonEventArgs e)
{
    // 拿到ViewModel实例
    if (DataContext is YourViewModel viewModel && e.ClickCount == 3)
    {
        viewModel.ImageTripleClickCommand?.Execute(e.ClickCount);
    }
}

ViewModel的命令还是和之前一样。

这些方案的核心都是把UI层的MouseButtonEventArgs处理逻辑隔离在视图侧，只把需要的参数（比如点击次数）传递给ViewModel，完全符合MVVM的解耦要求，你可以根据自己的项目场景选最合适的。

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