windows-phone-7.1 - wp7で画像をクリックすると大きな画像を表示するには?

Question

ページに画像、説明などのフィールドを表示しています。その小さな画像をクリックすると、大きなサイズの画像を表示してアイコンを閉じる必要があり、背景画面のぼかしを表示する必要があります（背景フィールドでのユーザー操作がないため）。いつでも閉じるアイコンをクリックして、実際のデータを表示する必要があります。これを達成する方法は？

Answer 1

1 つの方法は、これをページに含めることです。

<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 の閉じるボタンのクリック イベントで、データグリッドの可視性を表示に変更し、imagegrid の可視性を折りたたみに変更します。

これを行う 2 番目の方法は、大きな画像と閉じるボタンだけを含む別のページを使用することです。ユーザーが小さな画像をタップすると、その 2 番目のページに移動し、ユーザーが [閉じる] または [戻る] ボタンをタップすると、小さな画像とすべてのフィールドを含む最初のページに戻ります。