Xamarin布局如何在屏幕的左下角和右下角放置标签

詹姆斯·威洛

在我的Xamarin Forms应用程序中，我试图在移动界面上放置两个标签，一个在左下角，一个在右下角。

这是我目前的尝试。它是一种具有一行两列的网格布局，每个单元格中都有一个标签，左边的带有HorizontalTextAlightment="Start"，右边的带有HorizontalTextAlightment="End"

    ...other unrelated controls...
    <StackLayout Orientation="Horizontal" Spacing="0" Padding="15" VerticalOptions="End" >
      <Grid>
        <Grid.RowDefinitions>
          <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Label Text="{Binding DeviceId}" HorizontalTextAlignment="Start" Grid.Row="0" Grid.Column="0" />
        <Label Text="{Binding Version}" HorizontalTextAlignment="End" Grid.Row="0" Grid.Column="1" />
      </Grid>


    </StackLayout>

  </StackLayout>

这会产生不想要的结果：（v1.0-1应该向右对齐）

这就是我要的：

用户1

为什么将视图包装在中StackLayout？AStacklayout将分配所需的最小空间量。这就是为什么您看到屏幕截图1中显示的行为的原因。

如果您只有：

  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="*" />
      <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Label Text="{Binding DeviceId}" HorizontalTextAlignment="Start" Grid.Row="0" Grid.Column="0" />
    <Label Text="{Binding Version}" HorizontalTextAlignment="End" Grid.Row="0" Grid.Column="1" />
  </Grid>

您将看到所需的行为。

你也可以尝试使用HorizontalOptions上Label，而不是HorizontalTextAlignment

如果你确实需要使用StackLayout，你可以尝试设置HorizontalOptions的StackLayout到FillAndExpand。其中指出：