如何对齐 Xamarin StackLayout 中的元素？

Question

我附上这段代码的结果。 在此处输入图像描述

我希望布局看起来像红色保持居中，黄色朝向水平线的两端。

不管黄色内 label 的文字大小如何，我都希望红色保持居中。 请给我建议

<StackLayout
            BackgroundColor="White"
            HorizontalOptions="Center"
            Orientation="Horizontal">

            <Label x:Name="xTitle"
                BackgroundColor="Red"
                HorizontalOptions="Center"
                HorizontalTextAlignment="Center"
                Text="asdasdasdas"
                VerticalOptions="Fill" />


            <Label x:Name="xResult"
                BackgroundColor="Goldenrod"
                HorizontalOptions="End"
                HorizontalTextAlignment="Center"
                Text="123123123123123"
                VerticalOptions="Fill" />
        </StackLayout>

我试图将黄色部分发送到远端，同时将红色 label 保持在中心。

Answer 1

正如 ToolmakerSteve 提到的，您可以尝试使用“网格”来实现这一点。

请参考以下代码：

<StackLayout> 
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="100" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <Label Grid.Row="0"
               Grid.Column="1"
               x:Name="xTitle"
               BackgroundColor="Red"
               Text="asdasdasdas"
               VerticalOptions="Fill" 
               HorizontalOptions="Center" />

        <Label Grid.Row="0"
               Grid.Column="2"
               x:Name="xResult"
               Text="123123123123123"
               BackgroundColor="Goldenrod"
               HorizontalTextAlignment="Center"
               VerticalOptions="Fill" 
               HorizontalOptions="End"/>
        
    </Grid>
    </StackLayout>

更多信息可以查看Xamarin.Forms网格。