时间戳

首页 > 解决方案 > 在 Xamarin Form XAML 页面中，如何将图像的宽度设置为等于屏幕宽度？

c# - 在 Xamarin Form XAML 页面中，如何将图像的宽度设置为等于屏幕宽度？

问题描述

我想在 XAML 文件（Xamarin 表单）中将图像的宽度设置为两侧具有 20 DP 的屏幕宽度，并具有原始纵横比，我希望它可以独立于设备，在任何设备上，图像宽度与两侧 20 DP 的屏幕宽度相同，同时保持其纵横比。

我尝试了 WidthRequest，但它不起作用。

    '<Image x:Name="myImgBox" 
       HorizontalOptions="Center" />'

感谢您的帮助！

问题的截图

标签： c#xamarin.formsxamarin.ios

解决方案

如果将 Horizo​​ntalOptions 设置为 FillAndExpand，图像将水平填充可用空间。您还可以更改 VerticalOptions。 

  <Image Source="yourImage.png" 
           HorizontalOptions="FillAndExpand" 
           Aspect="Fill" > </Image>

Aspect 属性确定如何缩放图像以适合显示区域：

  • 填充 - 拉伸图像以完全准确地填充显示区域。这可能会导致图像失真。

  • AspectFill - 剪辑图像，使其填充显示区域，同时保留方面（即不失真）。

  • AspectFit - 对图像进行信箱处理（如果需要），使整个图像适合显示区域，根据图像是宽还是高，在顶部/底部或侧面添加空白空间。

推荐阅读