超出用户控件问题范围的 Wpf 鼠标事件答案

【问题标题】：Wpf Mouse Events outside the bounds of a user control issue超出用户控件问题范围的 Wpf 鼠标事件
【发布时间】：2014-09-28 20:00:25
【问题描述】：

我有一个奇怪的问题，我不知道如何解决。

我正在从头开始创建一个颜色选择器。我通过创建一组用户控件并将它们放在一个“主控件”中来做到这一点。

例如，当用户在色调选择器上拖动时，我处理鼠标向下、移动和向上（在色调选择器用户控件内）。

就实际移动而言，一个简单的布尔值决定了会发生什么。

//Mouse down
 _isDrag = true;

//Mouse Move
if(!_isDrag) return; 
//Moving the position indicator shape thingy
//Calculating the hue

//Mouse Up
_isDrag = false;

但是，如果鼠标向上发生在色调选择器的边界之外，则鼠标向上事件不会触发。因此，当用户返回到色调选择器的区域时，形状指示器会运行。

我确信答案在某个地方，但我担心我的搜索技能无法胜任这项任务。我不知道要寻找什么。

感谢您的宝贵时间。

解决方案：

private bool _isDrag;

    //Request Mouse capture for the Container
    private void MsDown(object sender, MouseButtonEventArgs e)
    {
        _isDrag = true;
        Mouse.Capture(MainContainer);
    }

    //Release Mouse capture
    private void MsUp(object sender, MouseButtonEventArgs e)
    {
        _isDrag = false;
        Mouse.Capture(null);
    }

    //Move the handle vertically along the main container, with respect to it's width - so it's centered.
    private void MsMove(object sender, MouseEventArgs e)
    {
        if (!_isDrag) return;
        Canvas.SetTop(Handle, e.GetPosition(ContentRow).Y - Handle.ActualHeight / 2);
    }

感谢您的回答！

编辑 2：

跟进我的问题。虽然 Capture 基本上起到了作用，但我注意到，如果快速拖动到用户控件的边界之外，有时手柄会卡在靠近边缘的地方。如果我慢慢移动鼠标，就不会发生这种情况。诡异的。此外，我永远无法达到 0 和 .ActualHeight

所以我会在这里发布我的修复，以防其他人遇到这个问题。

我这样分割我的网格：

<Grid.ColumnDefinitions>
        <ColumnDefinition Width="7"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
        <ColumnDefinition Width="7"></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="7"></RowDefinition>
        <RowDefinition Height="*"></RowDefinition>
        <RowDefinition Height="7"></RowDefinition>
    </Grid.RowDefinitions>

7 是我的手柄大小的一半（一个圆圈）。

内容区域（您可以在视觉上与之交互的实际区域）位于中间单元格中（在具有错误命中测试可见性的单独网格中）。

跨越整个主网格的是一个不可见的矩形，用于命中测试。

以及移动手柄

        private void MoveHandle()
    {
        _pos.X = _pos.X - Handle.ActualWidth/2;
        _pos.Y = _pos.Y - Handle.ActualHeight / 2;
         //this is just to be sure. I'm paranoid. Being a color picker, these actually matter a lot.
        _pos.X = Math.Max(Math.Min(_pos.X, RectColor.ActualWidth - Handle.ActualWidth/2), -Handle.ActualWidth / 2);
        _pos.Y = Math.Max(Math.Min(_pos.Y, RectColor.ActualHeight -Handle.ActualWidth/2), -Handle.ActualHeight/2);

        Canvas.SetLeft(Handle, _pos.X);
        Canvas.SetTop(Handle, _pos.Y);
    }

我不知道为什么我之前的代码几乎可以工作。基本上和以前一样。但是，不知何故，它的性能要好一百万倍。祝你好运！

【问题讨论】：

标签： c# wpf events mouse

【解决方案1】：

您要查找的搜索词是Mouse Capture。在你的 MouseDown 中捕获，即使在鼠标离开你的控制之后你也可以获得鼠标事件。

【讨论】：