WinRT / 8 在图像控制上创建热点答案

【问题标题】：WinRT / 8 Creating Hotspots on Image controlWinRT / 8 在图像控制上创建热点
【发布时间】：2013-11-04 09:19:24
【问题描述】：

构建一个 WinRT 应用程序，该应用程序具有水平和垂直延伸到视口之外的大图像。我想知道是否可以（以及如何）在图像上创建热点，以便当用户点击任何位置时，弹出框会显示相关信息。

提前谢谢你。

解决方案

<ScrollViewer>

    <Grid x:Name="LayoutRoot">
        <Grid.Background>
            <ImageBrush Stretch="Fill" ImageSource="Assets/Map.jpg" AlignmentY="Top" AlignmentX="Left"/>
        </Grid.Background>

        <Grid.RowDefinitions>
            <RowDefinition Height="50*" />
            <RowDefinition Height="50*" />
        </Grid.RowDefinitions>
        <Rectangle Fill="#FF7771FF" HorizontalAlignment="Left" Height="75" Margin="1070,210,0,0" VerticalAlignment="Top" Width="75"/>
        <Rectangle Fill="#FF7771FF" HorizontalAlignment="Left" Height="75" Margin="635,211,0,0" VerticalAlignment="Top" Width="75" Grid.Row="1"/>

    </Grid>

</ScrollViewer>

【问题讨论】：

标签： c# .net silverlight xaml windows-8

【解决方案1】：

一种方法是使用网格（或画布...）并将背景设置为您的图像。然后作为下一层设置不可见的按钮，矩形或类似的触摸事件。

有一些方法，如this here 来设置图像映射。

【讨论】：

我需要平移右、左、上、下和放大、缩小。所以我决定使用ScrollViewer。有没有办法将它也嵌入到应用程序中？
您可以使用他的建议并将其全部嵌入ScrollViewer 作为父级并完成同样的事情。