如何区分WPF按钮的单击事件与拖拽窗口操作？

当前代码的问题在于：只要按下Button就会立刻触发PreviewMouseLeftButtonDown事件，无法区分用户是要单击按钮还是按住拖拽窗口。常规解决方案是通过鼠标移动阈值结合MouseUp事件来判断操作类型，只有当鼠标按下后移动距离小于设定阈值时，才判定为单击操作。

修改后的实现代码 #

XAML代码 #

<DockPanel>
    <Grid DockPanel.Dock="Top" x:Name="grid">
        <Button Content="Button" Width="100" Height="50" 
                PreviewMouseLeftButtonDown="Button_PreviewMouseLeftButtonDown"
                PreviewMouseMove="Button_PreviewMouseMove"
                PreviewMouseLeftButtonUp="Button_PreviewMouseLeftButtonUp"/>
    </Grid>
    <ListBox x:Name="logListBox" Width="200" Height="200"/>
</DockPanel>

C#代码 #

public partial class MainWindow : Window
{
    private Point _startMousePosition;
    private bool _isDragging;
    // 拖拽阈值：鼠标移动超过此距离才判定为拖拽
    private const double DragThreshold = 2;

    public MainWindow()
    {
        InitializeComponent();
    }

    private void Button_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        _startMousePosition = e.GetPosition(grid);
        _isDragging = false;
    }

    private void Button_PreviewMouseMove(object sender, MouseEventArgs e)
    {
        if (e.LeftButton != MouseButtonState.Pressed) return;

        var currentPos = e.GetPosition(grid);
        var moveDistance = Math.Sqrt(
            Math.Pow(currentPos.X - _startMousePosition.X, 2) +
            Math.Pow(currentPos.Y - _startMousePosition.Y, 2)
        );

        if (moveDistance > DragThreshold && !_isDragging)
        {
            _isDragging = true;
            DragMove();
            logListBox.Items.Add("执行窗口拖拽");
        }
    }

    private void Button_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        if (!_isDragging)
        {
            logListBox.Items.Add("触发按钮点击");
            // 这里添加按钮点击的业务逻辑
        }
    }
}

核心逻辑说明 #

• 拖拽阈值：设置DragThreshold（通常2-5像素），过滤掉点击时的微小鼠标抖动，避免误判为拖拽。
• 状态标记：用_isDragging记录当前是否处于拖拽状态，避免重复触发拖拽逻辑。
• 延迟判断：不在MouseDown时直接判定点击，而是在MouseUp时检查是否触发过拖拽，未触发则视为单击操作。

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