完成修復屏幕上滾動條內的大圖像？

Question

我有一個帶有圖像控件的ScrollViewer。它顯示一個相當大的圖像。我希望我的用戶能夠使用手勢放大圖像。因此我在Scrollviewer上啓用了ZoomMode。

我喜歡在禁用滾動查看器時如何顯示圖像，因爲圖像適合屏幕。

 <ScrollViewer x:Name="scrollViewer" ZoomMode="Enabled" 
         HorizontalAlignment="Center" 
         VerticalAlignment="Center" 
         HorizontalScrollBarVisibility="Disabled" 
         VerticalScrollBarVisibility="Disabled"> 
      <Image x:Name="sketchImageView" Stretch="Uniform" 
        /> 
     </ScrollViewer> 

每當用戶釋放其手指，從而有效地放大和縮小圖像不可能的。然而的ScrollViewer自動滾動回圖像的左側的「邊緣」。

我也嘗試將可見性更改爲自動，但是當我這樣做時，圖像被展開，我希望它適合在屏幕上。

Answer 1

你需要滾動條可視性汽車，圖像設置爲UnifomToFill

<ScrollViewer x:Name="scrollViewer" ZoomMode="Enabled" 
        HorizontalAlignment="Center" 
        VerticalAlignment="Center" 
        HorizontalScrollBarVisibility="Auto" 
        VerticalScrollBarVisibility="Auto"> 
     <Image x:Name="sketchImageView" Stretch="UniformToFill" 
       /> 
    </ScrollViewer>