c# - stacklayout - xamarin forms grid xaml
centra la imagen dentro de la distribución relativa y alinéala a las formas inferiores de xamarin (0)
¿alguien puede aconsejarme cómo puedo centrar la imagen y alinearla en la parte inferior dentro de un diagrama de diseño relativo? Lo estoy intentando pero no puedo encontrar una solución. Gracias
como puedes ver, necesitarías alinearte en el fondo y en el medio la imagen negra, la del fondo amarillo.
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions Height="*">
<RowDefinition Height="5*"></RowDefinition>
<RowDefinition Height="5*"></RowDefinition>
</Grid.RowDefinitions>
<RelativeLayout Grid.Row="0" Padding="0" BackgroundColor="Red">
</RelativeLayout>
<RelativeLayout Grid.Row="1" Padding="0" BackgroundColor="Yellow">
<StackLayout Orientation="Horizontal" BackgroundColor="#E3E3E3">
<Image x:Name="backgroundImage" VerticalOptions="End" Aspect="AspectFit"> </Image>
</StackLayout>
<Grid Grid.Row="1">
<!--<Image x:Name="backgroundImage" Aspect="Fill" VerticalOptions="Fill" />-->
<!--<Image Aspect="Fill" VerticalOptions="End" x:Name="backgroundImage"/>-->
<Grid.ColumnDefinitions>
<ColumnDefinition Width="2*"></ColumnDefinition>
<ColumnDefinition Width="6*"></ColumnDefinition>
<ColumnDefinition Width="2*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="1*"></RowDefinition>
<RowDefinition Height="2*"></RowDefinition>
<RowDefinition Height="2*"></RowDefinition>
<RowDefinition Height="2*"></RowDefinition>
<RowDefinition Height="2*"></RowDefinition>
<RowDefinition Height="2*"></RowDefinition>
</Grid.RowDefinitions>
<ActivityIndicator x:Name="loading" Grid.Row="0" Grid.Column="1" IsVisible="false" Color="#008ECC" IsRunning="true" />
<Label TextColor="#2196F3" Grid.Row="1" Grid.Column="1" Text="" />
<Entry TextColor="#2196F3" PlaceholderColor="#A9D6FA" FontSize="24" Grid.Row="1" Grid.Column="1" Placeholder="Username" x:Name="UsernameEntry" Text="" />
<Label TextColor="#2196F3" Grid.Row="2" Grid.Column="1" Text="" />
<Entry TextColor="#2196F3" PlaceholderColor="#A9D6FA" FontSize="24" Grid.Row="2" Grid.Column="1" Placeholder="Password" IsPassword="True" x:Name="PasswordEntry" Text="" />
<Button FontSize="22" Grid.Row="3" Grid.Column="1" Text="Accedi"/>
<Grid Grid.Row="4" Grid.Column="1">
<Grid.RowDefinitions>
<RowDefinition Height="1*"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="7*"></ColumnDefinition>
<ColumnDefinition Width="3*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Label TextColor="#2196F3" Text="Ricorda accesso" Grid.Row="0" Grid.Column="0"></Label>
<Switch Grid.Row="0" Grid.Column="1"></Switch>
</Grid>
<Label Grid.Row="5" Grid.Column="1" TextColor="#2196F3" Text="Hai dimenticato la password?" FontSize="12"></Label>
</Grid>
</RelativeLayout>
</Grid>