在Xamarin Form XAML頁面中，如何設置圖像的寬度等於屏幕寬度？

Question

我想將圖像的寬度設置為屏幕的寬度，在XAML文件（Xamarin Form）中的原始縱橫比的兩面均為20 DP，我希望它可以與設備無關，在任何設備上，圖像寬度與兩側均為20 DP的屏幕寬度相同，同時保持其縱橫比。

我嘗試了WidthRequest，但是它不起作用。

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

感謝您的幫助！

問題的畫面

Answer 1

如果將Horizo​​ntalOptions設置為FillAndExpand，則圖像將水平填充可用空間。 您也可以更改VerticalOptions。

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

Aspect屬性確定如何縮放圖像以適合顯示區域：

• 填充-拉伸圖像以完全准確地填充顯示區域。 這可能會導致圖像失真。

• AspectFill-裁剪圖像，使其在保留寬高比的同時填充顯示區域（即不失真）。

• AspectFit-對圖像添加字母框（如果需要），以便使整個圖像適合顯示區域，並根據圖像的寬度或高度在頂部/底部或側面添加空白空間。