如何在 xamarin 表单中实现安卓约束布局

Question

我正在寻找Xamarin表单中Android的约束布局的等效项。有吗？如何在 XAML 中实现此目的？我一直在环顾四周，没有找到任何有用的东西。

非常感谢您的任何建议。

Answer 1

一般来说，对于我的基本页面布局，我使用网格(但有很多方法可以处理页面布局...... 在此网格中，您可以放置UI元素。但有趣的是，您可以为网格的每一行和每一列设置宽度 x 高度。

然后，还可以为每个 UI 元素设置margin属性。

我不熟悉Android设计，但在Xamarin Forms中，你可以有这样的东西：

<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="0.5*" />
<RowDefinition Height="0.5*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.25*" />
<ColumnDefinition Width="0.75*" />
</Grid.ColumnDefinitions>
<Label Text="Top Left" Grid.Row="0" Grid.Column="0" Margin="5,10,5,10" />
<Label Text="Top Right" Grid.Row="0" Grid.Column="1" />
<Label Text="Bottom Left" Grid.Row="1" Grid.Column="0" />
<Label Text="Bottom Right" Grid.Row="1" Grid.Column="1" />
</Grid>

此示例生成一个包含 4 个部分(2 行、2 列(的布局。行将具有相同的高度并填满屏幕。第 2 列将比第 1 列大 3 倍，并且两者都将填满屏幕。

Margin="5,10,5,10" 确保标签之前始终存在 5 个"像素">

的空白区域，标签顶部存在10 个"像素">......

有几个控件可用于管理布局，如StackLayout或Listview(用于管理项目(。如果您有更具体的示例要实现，请不要犹豫，完成您的问题。

我建议您查看此文档，您将找到所需的一切！ Xamarin 窗体布局文档