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

Question

我想将图像的宽度设置为屏幕宽度，在XAML文件（Xamarin Form）中的原始宽高比的两面均为20 DP，我希望它可以与设备无关，在任何情况下设备，图像宽度与屏幕宽度相同，两边均为20 DP，同时保持其纵横比。

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

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

谢谢您的帮助！

SCREENSHOT of the PROBLEM

Answer 1

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

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

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

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

• AspectFill-裁剪图像，使其在保留宽高比的同时填充显示区域（即不失真）。

• AspectFit-对图像添加字母框（如果需要），以使整个图像适合显示区域，并根据图像的宽度或高度在顶部/底部或侧面添加空白。