我怎样才能在Xamarin.Forms XAML中一个接一个地布置三个标签

时间:2017-08-15 22:10:18

标签: xamarin xamarin.forms

我正在尝试布局,但它无法正常工作。这就是我所拥有的:

<Grid">
   <Label Text="ABC"  HorizontalOptions="StartAndExpand"/>
   <Label Text="DEF"  HorizontalOptions="End"/>
   <Label Text="GHI"  HorizontalOptions="End" />
</Grid>

这给了我以下DEF出现在GHI顶部的地方

ABC                              DGHIEF

有人可以就如何实现这种布局给我建议:

ABC                              DEF GHI

1 个答案:

答案 0 :(得分:2)

这应该有效:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <Label Text="ABC"  HorizontalOptions="StartAndExpand"/>
    <Label Grid.Column="1" Text="DEF"  HorizontalOptions="End"/>
    <Label Grid.Column="2"  Text="GHI"  HorizontalOptions="Start" />
</Grid> 

您可以按列分隔内容,并使用“水平选项”将项目放置在您需要的位置。

希望这会有所帮助.-