自定义控件绑定PreviewMouseDown后内部按钮事件失效问题求助

这个问题我之前也碰到过，核心原因是PreviewMouseDown的隧道事件特性——它会从父元素（你的dbButtonControl）开始触发，一路向下传递到子元素。当你给控件注册了这个事件来实现拖拽时，事件还没传到内部按钮就被处理了，直接导致按钮的Click、MouseEnter这些事件没法正常触发。

下面给你几个可行的解决方案，按需选择：

方案一：在PreviewMouseDown中判断点击目标，跳过按钮区域的拖拽处理 #

在你的拖拽事件处理方法里，先检查点击的元素是不是按钮或者按钮的子元素，如果是，就不执行拖拽逻辑，让事件继续传递给按钮。

代码示例：

private void CnvsLinkScreen_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    // 沿着视觉树向上找，判断点击的是不是内部按钮
    DependencyObject clickedElement = e.OriginalSource as DependencyObject;
    while (clickedElement != null)
    {
        if (clickedElement is Button)
        {
            // 点击的是按钮，不处理拖拽，让事件继续传递
            e.Handled = false;
            return;
        }
        clickedElement = VisualTreeHelper.GetParent(clickedElement);
    }

    // 这里执行你的拖拽初始化逻辑（比如记录起始点、标记拖拽状态）
    // 示例：
    // isDragging = true;
    // dragStartPoint = e.GetPosition(cnvsLinkScreen);
}

方案二：改用冒泡事件（MouseDown）实现拖拽 #

PreviewMouseDown是隧道事件，而MouseDown是冒泡事件——会先从子元素（按钮）触发，再传递到父控件。这样按钮的Click事件会先被处理，之后才轮到父控件的拖拽逻辑。

完整的拖拽实现需要结合MouseDown、MouseMove、MouseUp三个事件：

private bool _isDragging;
private Point _dragStartPoint;

private void CnvsLinkScreen_MouseDown(object sender, MouseButtonEventArgs e)
{
    // 先判断点击的是不是按钮
    var clickedElement = e.OriginalSource as DependencyObject;
    while (clickedElement != null)
    {
        if (clickedElement is Button) return;
        clickedElement = VisualTreeHelper.GetParent(clickedElement);
    }

    // 启动拖拽
    _isDragging = true;
    _dragStartPoint = e.GetPosition(cnvsLinkScreen);
    ((dbButtonControl)sender).CaptureMouse();
}

private void CnvsLinkScreen_MouseMove(object sender, MouseEventArgs e)
{
    if (!_isDragging) return;

    var control = (dbButtonControl)sender;
    Point currentPoint = e.GetPosition(cnvsLinkScreen);
    // 计算偏移量并更新控件位置
    double offsetX = currentPoint.X - _dragStartPoint.X;
    double offsetY = currentPoint.Y - _dragStartPoint.Y;

    Canvas.SetLeft(control, Canvas.GetLeft(control) + offsetX);
    Canvas.SetTop(control, Canvas.GetTop(control) + offsetY);

    _dragStartPoint = currentPoint;
}

private void CnvsLinkScreen_MouseUp(object sender, MouseButtonEventArgs e)
{
    // 结束拖拽
    _isDragging = false;
    ((dbButtonControl)sender).ReleaseMouseCapture();
}

然后替换原来的事件注册：

dbButtonControl cntrlDBButton = new dbButtonControl();
cntrlDBButton.SetNameText(ObjectTitle);
// 替换PreviewMouseDown为这三个事件
cntrlDBButton.MouseDown += CnvsLinkScreen_MouseDown;
cntrlDBButton.MouseMove += CnvsLinkScreen_MouseMove;
cntrlDBButton.MouseUp += CnvsLinkScreen_MouseUp;
Canvas.SetLeft(cntrlDBButton, pntEnterPoint.X);
Canvas.SetTop(cntrlDBButton, pntEnterPoint.Y);
cnvsLinkScreen.Children.Add(cntrlDBButton);

方案三：把拖拽逻辑封装到自定义控件内部 #

这种方法更符合自定义控件的设计思路，把拖拽能力集成到dbButtonControl里，外部调用时不需要额外处理事件，同时内部按钮的事件也能正常工作。

在dbButtonControl的后台代码中添加：

public dbButtonControl()
{
    InitializeComponent();
    // 注册控件自身的拖拽事件
    PreviewMouseDown += DbButtonControl_PreviewMouseDown;
    PreviewMouseMove += DbButtonControl_PreviewMouseMove;
    PreviewMouseUp += DbButtonControl_PreviewMouseUp;
}

private bool _isDragging;
private Point _dragStartPoint;

private void DbButtonControl_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    // 检查点击的是不是内部的两个按钮
    DependencyObject clickedElement = e.OriginalSource as DependencyObject;
    bool isButtonClicked = false;
    while (clickedElement != null)
    {
        if (clickedElement == btnDBConfiguration || clickedElement == btnDBConnection)
        {
            isButtonClicked = true;
            break;
        }
        clickedElement = VisualTreeHelper.GetParent(clickedElement);
    }

    if (!isButtonClicked)
    {
        _isDragging = true;
        _dragStartPoint = e.GetPosition(Parent as Canvas);
        CaptureMouse();
    }
}

private void DbButtonControl_PreviewMouseMove(object sender, MouseEventArgs e)
{
    if (!_isDragging) return;

    Point currentPoint = e.GetPosition(Parent as Canvas);
    double offsetX = currentPoint.X - _dragStartPoint.X;
    double offsetY = currentPoint.Y - _dragStartPoint.Y;

    Canvas.SetLeft(this, Canvas.GetLeft(this) + offsetX);
    Canvas.SetTop(this, Canvas.GetTop(this) + offsetY);

    _dragStartPoint = currentPoint;
}

private void DbButtonControl_PreviewMouseUp(object sender, MouseButtonEventArgs e)
{
    _isDragging = false;
    ReleaseMouseCapture();
}

这样外部添加控件时只需要简单设置位置和名称即可：

dbButtonControl cntrlDBButton = new dbButtonControl();
cntrlDBButton.SetNameText(ObjectTitle);
Canvas.SetLeft(cntrlDBButton, pntEnterPoint.X);
Canvas.SetTop(cntrlDBButton, pntEnterPoint.Y);
cnvsLinkScreen.Children.Add(cntrlDBButton);

个人推荐方案三，因为它把拖拽逻辑封装在控件内部，代码更整洁，也方便后续复用控件。如果不想修改控件内部代码，方案一或二也能很好解决问题。

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