WPF，强制捕获鼠标事件，鼠标移出控件外依然可以执行强制捕获的鼠标事件

Posted 2020-12-28 qiantao

在WPF中，只有鼠标位置在某个控件上的时候才会触发该控件的鼠标事件。
例如，有两个控件都注册了MouseDown和MouseUp事件，在控件1上按下鼠标，不要放开，移动到控件2上再放开。
在这个过程中，控件1只会触发MouseDown事件，而控件2则只会触发MouseUp事件，鼠标不在控件上他们就收不到对应的鼠标事件。
同样的如果某个控件注册了MouseMove事件，当鼠标移动到控件外之后，控件将不会接收到MouseMove事件。
但是在很多情况下我们需要在鼠标移动到控件外之后还能接收鼠标事件。例如按住鼠标拖动，当鼠标到了控件外，拖动操作依然可以继续。
这些情况需要控件强制捕获鼠标，这就要用到UIElment 的CaptureMouse 函数和ReleaseMouseCapture 函数。
CaptureMouse 函数的作用是尝试将鼠标强制捕获到控件，ReleaseMouseCapture 函数的作用是当控件具有鼠标捕获的话，则释放该捕获。

下面举个例子，例如我们需要在一张图片上通过鼠标拖动画一个矩形框，操作步骤分为：
1. 点击鼠标左键，确定矩形的一个顶点P；
2. 按住鼠标左键并拖动鼠标，将鼠标位置作为矩形中顶点P所属的对角线的另外一个顶点，画矩形；
3. 放开鼠标左键，完成矩形绘制。
但是当鼠标移动到图片边缘的时候，图片接收不到鼠标MouseMove和MouseUP事件，绘制过程就无法正常完成了。

为了解决这个问题，我们需要在MouseLeftButtonDown 事件的相应函数中加上如下代码
((UIElement)e.Source).CaptureMouse();
在MouseUp 事件的相应函数中加入
((UIElement)e.Source).ReleaseMouseCapture();
这样，即使鼠标在图片外，我们也能继续执行捕获的鼠标事件。

为了让矩形不画到图片外，我们可以对矩形的边框位置加上限制，矩形的两个顶点必须限制：
    Point p = e.GetPosition(this.imageControl);
    p.X = Math.Max(0, p.X);
    p.Y = Math.Max(0, p.Y);
    p.X = Math.Min(this.imageControl.Width, p.X);
    p.Y = Math.Min(this.imageControl.Height, p.Y);
在使用了CaptureMouse 函数将鼠标强制捕获到控件后，一定不要忘记在完成操作后使用ReleaseMouseCapture 函数释放捕获，

否则在其他控件上进行鼠标操作依然会触发捕获鼠标的控件的鼠标事件，而非原本鼠标点击的控件的鼠标事件响应函数。