Xamarin中的网格中的图像如何居中

Question

我正在开发Xamarin。形成移动应用程序，并尝试将2按钮的中心和图像中心和图像，我如何中心和图像在网格XAML标签中，请参阅下面使用的XAML代码，并将其放置在移动应用程序屏幕的中心。

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="DemoApp.Views.MainPage"           
             NavigationPage.HasNavigationBar="False">

    <ContentPage.Content>

        <Grid HorizontalOptions="CenterAndExpand" >
            
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
            </Grid.RowDefinitions>
            

            <StackLayout Padding="10" HorizontalOptions="Center" VerticalOptions="Center" >
                <Image Grid.Row="0" Grid.Column="0" Source="RegisterUser" WidthRequest="100" HeightRequest="81"  HorizontalOptions="Center" VerticalOptions="Center"  />
            </StackLayout>

            <Button  Text="Sign-In" VerticalOptions="CenterAndExpand" HorizontalOptions="Center"  TextColor="White"                              
                    Grid.Row="2" Grid.Column="0"
                    BorderRadius="4" BorderWidth="1" 
                    BackgroundColor="LightGray" />
            <Button Text="Register"  TextColor="White" 
                    VerticalOptions="CenterAndExpand"
                    HorizontalOptions="Center" 
                  Grid.Row="2" Grid.Column="1"
                    BorderRadius="4" BorderWidth="1" 
                    BackgroundColor="LightGray"   />
        </Grid>

    </ContentPage.Content>
</ContentPage>

Answer 1

您的网格有2个COLS，因此您的stacklayout需要跨越它们才能集中在整个网格上

<StackLayout Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Padding="10" HorizontalOptions="Center" VerticalOptions="Center" >
  <Image Source="RegisterUser" WidthRequest="100" HeightRequest="81" HorizontalOptions="Center" VerticalOptions="Center"  />
</StackLayout>