点击wp7中的图像时如何显示大图?

时间:2012-07-16 05:33:35

标签: windows-phone-7.1

在我正在显示图像,desc等文件的页面中。每当点击该小图片时,需要显示大尺寸图像并关闭图标,并且需要显示背景屏幕的模糊(在背景文件中没有用户交互) )。每当点击关闭图标需要显示实际数据。 怎么做到这一点?

1 个答案:

答案 0 :(得分:0)

一种方法是在您的页面上显示:

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

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

在SMALL图片的TAP事件上,将数据网格可见性更改为折叠,并将图像网格可见性更改为可见。 在imagegrid中关闭按钮的单击事件上,将datagrid可见性更改为可见和imagegrid可见性以折叠。

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