讓圖像的大小適合scrollviewer在uwp

Question

Fisrt是代碼，它會更容易理解。

<ScrollViewer ZoomMode="Enabled" HorizontalScrollBarVisibility="Auto"> 
    <Image x:Name="image"/> 
</ScrollViewer> 

當我設置IMG的來源，它會顯示圖片的全尺寸.....這樣的結果，我們可以看到圖片的一部分，如果我們想看到完整的圖片，我們必須縮小。

如何設置代碼，讓圖片處於全屏模式（適合scrollviewer的大小）？

Answer 1

如果您的ScrollViewer大小受限制或更改，所以圖像應該會自動適合它SizeChangedEvent將爲您做這個，例如我限制了滾動查看器大小，您可以刪除高度和寬度或根據您的要求進行調整。

例

XAML

<ScrollViewer x:Name="scrollview" ZoomMode="Enabled" HorizontalScrollBarVisibility="Auto" Height="300" Width="150" SizeChanged="scrollview_SizeChanged"> 
    <Image x:Name="image" VerticalAlignment="Center" HorizontalAlignment="Center" Source="Assets/YourImage.jpg" Stretch="Uniform"/> 
</ScrollViewer> 

C＃

private void scrollview_SizeChanged(object sender, SizeChangedEventArgs e) 
{ 
    image.Width = scrollview.ViewportWidth; 
    image.Height = scrollview.ViewportHeight; 
}