示例脚本布局

您可以通过混合或嵌套水平和垂直容器来创建复杂的页面布局。 例如,如果向默认垂直堆栈添加三个水平堆栈,则每个水平堆栈都是一行,可以包含某些组件的组合:

该图显示了如何使用 3 个水平堆栈来布局输入字段的行。


示例 1: 创建将字段放置在行中的布局

  1. 将一行项目放在父级水平堆栈中,该堆栈本身位于根垂直堆栈容器内。

    示例 2_nested_Horizontal_stacks2

  2. 选择水平堆栈,然后将其复制到剪贴板。

  3. 通过单击根容器的图标来选择根容器。

  4. 单击 “ 粘贴 ” 创建额外的行。 重复上述步骤以根据需要添加其他行。

    该图显示了垂直堆栈中的 3 行水平组件


示例 2: 在组件上方放置标签

要在组件上方放置标签,请将垂直堆栈添加到水平堆栈容器中:

示例 3_nested_vertical_stacks2

有许多可能的组合。 最佳做法是在向父容器添加组件之前选择父容器。