windows-phone-7.1 - 在wp7中单击图像时如何显示大图像？

Question

在一个页面中，我正在显示图像、描述等文件。每当单击该小图像时，还需要显示大尺寸图像和关闭图标，并且需要显示背景屏幕的模糊（因为背景文件中没有用户交互）。无论何时点击关闭图标需要显示实际数据。如何做到这一点？

Answer 1

一种方法是在您的页面上显示此内容：

<Grid Name="datagrid">
    // your small image and other fields
</Grid>

<Grid Name="imagegrid" Visibility="Collapsed">
    // larger image and a button to "close"
</Grid>

在小图片的 TAP 事件中，将 datagrid 可见性更改为折叠，将 imagegrid 可见性更改为可见。在 imagegrid 中关闭按钮的单击事件中，将 datagrid 可见性更改为可见，将 imagegrid 可见性更改为折叠。

第二种方法是使用另一个只有大图片和关闭按钮的页面。当用户点击小图片时，导航到第二页，当用户点击关闭或返回按钮时，导航回到带有小图片和所有字段的第一页。