Question

Fisrt是代码，它将更容易理解。

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

当我设置img的Source时，它会显示图片的全尺寸.....这个结果我们可以看到部分图片，如果我们想要查看完整图片，我们必须缩小。

如何设置代码，让图片处于全范围模式（符合滚动查看器的大小）？

Answer 1

如果您的ScrollViewer大小受到限制或更改，因此图像应自动适合它SizeChangedEvent将为您执行此操作，例如我限制滚动查看器大小，您可以删除该高度和宽度或根据您的要求进行调整。 / p>

实施例

<强> XAML

$items->sortBy('km')

<强> C＃

<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>

让图像的大小适合uwp中的scrollviewer

1 个答案: