Question

输入命中测试会在RenderTransform属性中具有较大缩放系数的Path元素上产生不正确的结果。

以下XAML定义了一个带有实心圆和Hand光标的路径。

<Canvas Background="LightGray">
    <Path StrokeThickness="0" Fill="Blue" Cursor="Hand">
        <Path.Data>
            <EllipseGeometry RadiusX=".5" RadiusY=".5" Center="1,1"/>
        </Path.Data>
        <Path.RenderTransform>
            <ScaleTransform ScaleX="150" ScaleY="150"/>
        </Path.RenderTransform>
    </Path>
</Canvas>

如下图所示，尽管Hand光标的位置超出了形状，但仍会出现<Canvas Background="LightGray"> <Path StrokeThickness="0" Fill="Blue" Cursor="Hand"> <Path.Data> <EllipseGeometry RadiusX="50" RadiusY="50" Center="100,100"/> </Path.Data> <Path.RenderTransform> <ScaleTransform ScaleX="1.5" ScaleY="1.5"/> </Path.RenderTransform> </Path> </Canvas>光标。

enter image description here

使用较大的Path和较小的缩放因子，问题消失，Cursor的行为与预期一致。

private void Canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    var canvas = (UIElement)sender;
    var hitElement = canvas.InputHitTest(e.GetPosition(canvas));
    Trace.TraceInformation("hitElement = {0}", hitElement);
}

enter image description here

执行像这样的明确命中测试

Geometry.Transform

在Canvas上的鼠标事件处理程序中的

给出了相同的错误结果。在缩放路径之外清楚地点击鼠标仍然会将Path作为命中元素返回。

值得注意的是，Silverlight中没有出现此问题。

现在的问题是：这种行为的原因是什么，如何避免？请注意，我不能简单地更改Path元素的原始大小，因此像“不使用大比例因子”这样的答案将没有用。

我目前的解决方法不是通过RenderTransform转换Path，而是转换Data（通过将转换应用于<Canvas Background="LightGray"> <Path StrokeThickness="0" Fill="Blue" Cursor="Hand"> <Path.Data> <RectangleGeometry Rect=".5,.5,1,1"/> </Path.Data> <Path.RenderTransform> <TransformGroup> <ScaleTransform ScaleX="150" ScaleY="150"/> <RotateTransform Angle="45" CenterX="150" CenterY="150"/> <TranslateTransform X="100"/> </TransformGroup> </Path.RenderTransform> </Path> </Canvas>属性）。但由于可能存在复杂的填充（例如使用ImageBrush），我也必须转换填充画笔（这不仅涉及设置变换，还涉及它们的视口）。

此外，实际变换不仅是缩放，而且是一个也可以旋转和翻译的MatrixTransform。

值得注意的是，问题也出现在其他几何形状和其他变换中。例如，带有RectangleGeometry的转换路径显示类似的错误行为。

大比例因子不正确：

<Canvas Background="LightGray">
    <Path StrokeThickness="0" Fill="Blue" Cursor="Hand">
        <Path.Data>
            <RectangleGeometry Rect="50,50,100,100"/>
        </Path.Data>
        <Path.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
                <RotateTransform Angle="45" CenterX="150" CenterY="150"/>
                <TranslateTransform X="100"/>
            </TransformGroup>
        </Path.RenderTransform>
    </Path>
</Canvas>

enter image description here