如何将物品彼此相邻放置?

时间:2018-07-26 00:10:20

标签: xaml xamarin xamarin.forms

我想使用XAML和Xamarin在堆栈布局中的图像右侧放置一个标签,我只想将其放置在右侧,其下方的内容仍应像正常的stacklayout一样垂直显示

1 个答案:

答案 0 :(得分:1)

您可以将图像和标签放置到网格中,为每一个分配一个列,这些列位于StackLayout内,而其余元素位于网格外。

示例:

<StackLayout>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Image Source="xamarin_logo.png" Grid.Column="0" BackgroundColor="Black" />
        <Label Text="Xamarin Logo" Grid.Column="1" VerticalOptions="Center" HorizontalOptions="Center" />
    </Grid>
    <Label Text="Xamarin A" HorizontalOptions="Center" />
    <Label Text="Xamarin B" HorizontalOptions="Center"/>
    <Label Text="Xamarin C" HorizontalOptions="Center"/>
</StackLayout>

输出:

enter image description here

re:https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/layouts/grid