从ScatterViewItem中的Image中分离控制区域

Question

我想让选区小于ScatterViewItem本身。 我尝试了很多东西，但没有任何效果。我有以下图像作为ScatterViewItem：

我只想点击红色圆圈（及其内部） 作为通常的Scatterview操作的起点。

知道我该怎么办？ 提前谢谢。

Answer 1

假设您通过设置其模板来设置ScatterViewItem的可视外观，您可能会执行与下面显示的示例类似的操作。它将图像的IsHitTestVisible属性设置为false，并使用较小的透明圆圈将其覆盖以接收输入。

<s:ScatterViewItem>
    <s:ScatterViewItem.Template>
        <ControlTemplate>
            <Grid>
                <Image Source="..." IsHitTestVisible="False"/>
                <Ellipse Fill="Transparent" Margin="20"/>
            </Grid>
        </ControlTemplate>
    </s:ScatterViewItem.Template>
</s:ScatterViewItem>