改进 WPF 可视层中的命中测试

Question

我在可视层中为Hit Testing 使用下面的代码。当我单击Drawing 视觉中绘制的线条时，我想获得点击。但由于线条很窄，我没有得到好的结果。

我想到的一个解决方案是在单击时增加鼠标覆盖的区域。这样，即使我在离线稍远的地方单击，我也会确保鼠标击中线。

我怎样才能做到这一点？或者您还有什么建议可以改善这种情况？

var x = MousePos.RightDown.X;
var y = MousePos.RightDown.Y;

var drawing = MyCanvas.GetRebarsVisual();

var pt = new Point(x,y);

var result = VisualTreeHelper.HitTest(drawing, pt);

if (result != null)
{
    MessageBox.Show("You clicked on the line!");
}

Answer 1

使用VisualTreeHelper.HitTest() 重载函数，您可以在其中指定HitTestParameters：使用以pt（但大于一个点）为中心的矩形几何图形，并通过GeometryHitTestParameters：

var hitRect = new Rect(x - 2, y - 2, 4, 4);
VisualTreeHelper.HitTest(drawing, null, null,
    new GeometryHitTestParameters(new RectangleGeometry(hitRect)));

请注意，我们在此示例中使用了矩形几何形状，但更好的近似值（尤其是对于触摸屏）是圆形 (EllipseGeometry)。

现在您知道要调用什么，但您需要一个结果，该重载没有返回值，而是使用一个回调函数，您可以在其中累积多个命中（根据更复杂的规则选择一个）。在我们的示例中，我们不需要它，所以我们只是在第一次命中时停止：

bool result = false;
var hitRect = new Rect(x - 2, y - 2, 4, 4);
VisualTreeHelper.HitTest(drawing, null,
    htr => { result = true; return  HitTestResultBehavior.Stop; },
    new GeometryHitTestParameters(new RectangleGeometry(hitRect)));

请注意，您甚至可以直接执行代码：

    htr => {
        MessageBox.Show("You clicked on the line!");
        return  HitTestResultBehavior.Stop;
    },

如果您经常使用它，您可以为此编写一个更通用的方法（例如，使用矩形大小的可选参数）。

如果您只是不想知道是否有命中（但您也想知道哪个对象），那么您可以使用第二个回调函数（HitTestResultCallback），它的参数（称为@987654336 @ 在我前面的例子中）是一个派生自 HitTestResult 的类，甚至在基类中也有一个名为 VisualHit 的属性，它是你正在寻找的可视对象（作为通用 DependencyObject 那么你可能需要强制转换） .