具有多个可点击区域的图像

Question

我有一张图片，我想要点击各个部分。我在下面的问题中找到了一条评论，提到这可以通过Expression Designer实现。我找不到如何做到这一点的指南。我知道我必须将图像从Designer导出到Visual Studio。有没有更好的方法来实现这一点，或者我如何为这些可点击的部分创建xaml？

best way for clickable image map in wpf

Answer 1

就我个人而言，我会使用该问题的第二个答案，即做这样的事情：

<Canvas>
    <Image Source="background.png"/>
    <Ellipse Canvas.Left="82" Canvas.Top="88" Width="442" Height="216" Fill="Transparent" Cursor="Hand" MouseDown="Ellipse_MouseDown_1"/>
    <Ellipse Canvas.Left="305" Canvas.Top="309" Width="100" Height="50" Fill="Transparent" Cursor="Hand" MouseDown="Ellipse_MouseDown_2"/>
</Canvas>

然后你可以使用它的XAML编辑器的设计模式在DevStudio中拖动和调整形状大小。