如何让WPF中的Image控件同时支持左键点击和拖拽操作

命令无法触发是WPF路由事件的传递逻辑导致的：

• PreviewMouseDown属于隧道事件，触发顺序早于所有子控件的事件响应
• 如果你在Window_PreviewMouseDown中直接调用DragMove()实现拖拽，该方法会立即捕获鼠标输入，中断后续事件路由，同时LeftClick绑定需要完整的MouseDown+MouseUp事件序列才能触发，被中断后自然无法执行命令。

方案1：区分点击区域，仅非Image区域支持拖拽 #

如果允许仅拖拽窗口的非Image区域触发移动，直接修改后台拖拽逻辑即可：

private void Window_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    // 点击源为Image时跳过拖拽处理，让事件正常传递到子控件
    if (e.OriginalSource is Image) return;
    
    if (e.LeftButton == MouseButtonState.Pressed)
    {
        DragMove();
    }
}

方案2：区分点击/拖拽动作，全区域兼容两种操作 #

如果需要点击Image也能拖拽，同时保留点击触发命令的能力，通过判断鼠标移动距离区分动作：

1. 首先给Window添加PreviewMouseMove事件绑定：

<Window 
    <!-- 其他属性保持不变 -->
    PreviewMouseDown="Window_PreviewMouseDown"
    PreviewMouseMove="Window_PreviewMouseMove">

2. 后台添加对应逻辑：

// 私有字段记录鼠标按下位置和拖拽状态
private Point _mouseDownPos;
private bool _isDragging;

private void Window_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    if (e.LeftButton == MouseButtonState.Pressed)
    {
        _mouseDownPos = e.GetPosition(this);
        _isDragging = false;
        // 不标记事件已处理，允许事件向下传递到Image
    }
}

private void Window_PreviewMouseMove(object sender, MouseEventArgs e)
{
    if (e.LeftButton == MouseButtonState.Pressed && !_isDragging)
    {
        var currentPos = e.GetPosition(this);
        // 参照系统拖拽阈值判断，避免点击误判为拖拽
        if (Math.Abs(currentPos.X - _mouseDownPos.X) > SystemParameters.MinimumHorizontalDragDistance ||
            Math.Abs(currentPos.Y - _mouseDownPos.Y) > SystemParameters.MinimumVerticalDragDistance)
        {
            _isDragging = true;
            DragMove();
        }
    }
}

你现有XAML中存在编译错误：TextBlock的Text={Binding State}缺少双引号，修正为Text="{Binding State}"即可。

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