在网格内被裁剪的图像答案

【问题标题】：Image being cropped when inside a Grid在网格内被裁剪的图像
【发布时间】：2023-03-11 13:00:01
【问题描述】：

我有一个包含图像的页面，有时图像太大并且被裁剪，我尝试添加滚动查看器但我仍然无法向下滚动查看图片的其余部分

这是我的代码：

<Grid x:Name="LayoutRoot" Background="White" ScrollViewer.VerticalScrollBarVisibility="Visible" >
   <Grid>
       <Image Height="Auto" Width="Auto" Source="{Binding photolink}" />
   </Grid>
</Grid>

如何显示我的所有元素？

【问题讨论】：

通常情况下，我建议您使用：msdn.microsoft.com/en-us/library/… 以便它适合。您可能会发现 ScrollViewer 并没有增加足够的好处。
也许问题应该是：为什么不将 ScrollViewer.VerticalScrollBarVisibility="Visible" 添加到 Grid 工作？

标签： c# xaml windows-phone-7 windows-phone-8

【解决方案1】：

ScrollViewer 是控件，而不是属性，因此添加 ScrollViewer.VerticalScrollBarVisibility="Visible" 不会这样做。您需要添加整个 ScrollViewer 控件。

<Grid x:Name="LayoutRoot" Background="White">
    <ScrollViewer>
        <Image Height="Auto" Width="Auto" Source="{Binding photolink}" />
    </ScrollViewer>
</Grid>

【讨论】：

【解决方案2】：

尝试拉伸图片。

<Grid x:Name="LayoutRoot" Background="White">
   <Grid>
       <Image Stretch="UniformToFill" Source="{Binding photolink}" />
   </Grid>
</Grid>

我建议您阅读Stretch Enumartion。

【讨论】：