Windowsストアアプリで画像を拡大する

Question

私は画像コントロール付きのScrollViewerを持っています。かなり大きな画像が表示されます。私は、ユーザがジェスチャーを使って画像を拡大できるようにしたい。私はScrollviewerでZoomModeを有効にしました。しかし、Scrollviewerは、ユーザーが指を離すたびに自動的に画像の左端にスクロールし、効果的に画像のズームインとズームアウトを不可能にします。

これは私が使用していますテンプレートです：

<DataTemplate x:Key="SingleItemTemplate"> 
    <ScrollViewer ZoomMode="Enabled"> 
     <Grid Margin="5,0,5,0"> 
      <Image Source="{Binding ImageUrlHighRes}"> 
      </Image> 
     </Grid> 
    </ScrollViewer> 
</DataTemplate> 

どのように私はこの問題を解決することができますか？

Answer 1

あなたは（デフォルトではオフになって）だけでなく、水平スクロールを有効にする必要があり

HorizontalScrollBarVisibility = "Auto"