更改热门区域

Question

想象一下，我将这个椭圆应用于样式的 ControlTemplate。 （例如：这将用于滑块的拇指）

<Ellipse x:Name="Ellipse" 
         Fill="#C0FFFFFF"
         Stroke="{StaticResource SpecialColor}"
         StrokeThickness="2"/>

现在只要鼠标接触到这个椭圆，这个元素就会被鼠标捕获。如何更改碰撞几何？是否有一种仅限 XAML 的方法来执行此操作？

假设我想让碰撞区域更小，以便当鼠标位于椭圆中间时它会捕获它。

或者我想让碰撞区域大于椭圆大小，这样当鼠标靠近椭圆时它会捕获它。

Answer 1

这些解决方案不会改变椭圆的命中测试，但会尽可能提供 XAML 解决方案。

可以通过将椭圆包装在容器（网格？）中并为容器分配透明背景来使其更大。

<Grid Background="Transparent">
    <Ellipse Margin="5" ... />
</Grid>

可以通过在顶部添加一个较小的几何图形来使其更小，再次使用透明背景并禁用椭圆上的命中测试 (IsHitTestVisible = "False"

<Grid>
    <Ellipse IsHitTestVisible="False" ... />
    <Grid Background="Transparent" Width="5" Height="5" />
</Grid>

重要：

• 您需要将背景显式设置为透明。
• 这两种解决方案都不会更改 Ellipse 的命中测试，而是使用“诱饵”，因此您必须实现处理诱饵上的点击等事件并让它们作用于容器。