圖像沒有用AspectFill在嵌套佈局中水平填充

Question

我在Xamarin Forms中的網格內部有相對佈局。相對佈局中有一個圖像。該圖像具有AspectFill。

Xamarin.Forms.Aspect.AspectFill Field說：

縮放圖像來填充視圖。爲了填充視圖，可能會剪切某些部分。

圖片仍未水平填充。如何解決它。

XAML

<Grid x:Name="controlGrid" ColumnSpacing="0" Padding="0"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="2*" /> 
     <RowDefinition Height="2*" /> 
     <RowDefinition Height="8*" /> 
     <RowDefinition Height="1*" /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="*" /> 
    </Grid.ColumnDefinitions> 


    <!--Row 1--> 
    <BoxView Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" BackgroundColor="Red" HeightRequest="1" VerticalOptions="End" HorizontalOptions="FillAndExpand" Margin="0" /> 
    <BoxView Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" BackgroundColor="Red" HeightRequest="1" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Margin="0"/> 
    <BoxView Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" BackgroundColor="Red" WidthRequest="1" VerticalOptions="FillAndExpand" HorizontalOptions="End" Margin="0"/> 
    <BoxView Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" BackgroundColor="Red" WidthRequest="1" VerticalOptions="FillAndExpand" HorizontalOptions="Start" Margin="0"/> 

    <RelativeLayout Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" > 
     <Image Source="abstracttrianglex.png" Aspect="AspectFill" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" BackgroundColor="Red"/> 
    </RelativeLayout> 

    <!--Row 2--> 
    <RelativeLayout Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" BackgroundColor="Teal" > 
     <Image Source="abstracttrianglex.png" Aspect="AspectFill" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" BackgroundColor="Blue"/> 
    </RelativeLayout> 

</Grid> 

Answer 1

繼工作

相對佈局與約束

<RelativeLayout Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" > 
     <Image Source="abstracttriangleg.png" 
       Aspect="AspectFill" HorizontalOptions="FillAndExpand" 
       VerticalOptions="FillAndExpand" BackgroundColor="Red" 
       RelativeLayout.WidthConstraint= 
        "{ConstraintExpression Type=RelativeToParent, 
              Property=Width, 
              Factor=1}" 
       RelativeLayout.HeightConstraint= 
        "{ConstraintExpression Type=RelativeToParent, 
              Property=Height, 
          Factor=1}"/> 
    </RelativeLayout> 

Answer 2

你必須給XConstraint和YConstraint用於內部相對佈局

研究員下面鏈接

https://developer.xamarin.com/guides/xamarin-forms/user-interface/layouts/relative-layout/