我的 Xamarin Forms 5 應用程式的登錄頁面上有一個背景影像。
我希望這張圖片占據整個背景，但不要被擠壓，這樣我就可以保持它的原始比例。否則，影像會失真。目前，它占據了整個頁面，但它被垂直擠壓。如何確保影像保持其原始縱橫比而不被擠壓？
這是我在此頁面上的 XAML 代碼：
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="400" />
<RowDefinition Height="200" />
</Grid.RowDefinitions>
<!-- Logo -->
<Image Grid.Row="0"
Source="my_background_image.png"
HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand"
HeightRequest="150"/>
<!-- Sign In Button -->
<StackLayout Grid.Row="1" Padding="10,0,10,0" VerticalOptions="Center">
<Button VerticalOptions="Center" Text="Sign In / Sign Up" Clicked="Login_Tapped"/>
</StackLayout>
</Grid>
uj5u.com熱心網友回復：
我不知道您是否使用ContentPage的名為BackgroundImageSource的屬性設定了背景影像。我試過這個，圖片顯示得很好。
如果您嘗試過，但沒有得到滿意的效果，您可以在 Grid 中添加一個 Image 視圖作為背景。
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="400" />
<RowDefinition Height="200" />
</Grid.RowDefinitions>
<Image
Grid.RowSpan="3"
Aspect="AspectFill"
Source="background.jpg" />
<!-- Logo -->
<Image Grid.Row="0"
Source="my_background_image.jpg"
HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand"
HeightRequest="150"/>
<!-- Sign In Button -->
<StackLayout Grid.Row="1" Padding="10,0,10,0" VerticalOptions="Center">
<Button VerticalOptions="Center" Text="Sign In / Sign Up" Clicked="Login_Tapped"/>
</StackLayout>
</Grid>
如果圖片的縱橫比太大，可以將 Aspect="AspectFill" 更改為 Aspect="AspectFit"。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/442270.html
上一篇：FragmentManagerADDXamarinAndroid的問題
下一篇：Xamarin表單中的條件文本