c# - 在 ScatterViewItem 中将控制区与图像分离

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>