跳转到内容

Layout Group

Layout Group 可用于在水平或垂直方向排列 Shapes。

布局介绍 →

  1. 创建 3 个 Shapes。
  2. 选中所有 3 个 Shapes,在 Viewport 中右键单击,然后选择 Layout > Embed selected in Horizontal Layout

尝试增大某个 Shape 的宽度/半径。

Common Attributes +

所有 Shapes 在其 Advanced 选项卡下还有进一步的 Layout Alignment 选项,可用于调整其单元格内的对齐方式。


Direction - 选择布局的方向:

  • Horizontal - 并排堆叠 Shapes。
  • Vertical - 上下堆叠 Shapes。

Wrap Mode - 确定当布局组中 Shapes 的组合宽度/高度超过其大小时会发生什么:

  • No Wrap - Shapes 将保持在一行/一列上。
  • Wrap - Shapes 将换行到下一行/列。
  • Wrap Reverse - Shapes 将换行到上一行/列。

请注意,目前不支持嵌套布局组的换行

Draw Extents - 勾选后,将在 Viewport 中绘制 Minimum SizeMaximum Size 的表示。

Minimum Size - 确定布局在另一个布局中所占的最小宽度和高度。

Maximum Size - 确定 Shapes 在布局内可以填充的最大宽度和高度。一旦布局组中 Shapes 的总宽度/高度超过这些值,Shapes 将开始重叠。默认情况下,Maximum Size 连接到合成组的 Resolution — 移除该连接以设置自定义值。

如果 Maximum Size 设置为小于 Minimum Size 的值,Maximum Size 将在内部被限制为 Minimum Size 的值(反之亦然)。这在 Attribute Editor 中不会反映出来,但可以在 Viewport 中勾选 Draw Extents 后看到。

Margins - 设置布局四周边缘(顶部、底部、左侧和右侧)的间距。


Spacing - 设置每个布局项之间显示的空间。

Spacing Mode - 确定项目如何在可用空间内分布:

  • Manual Spacers - 参见 Spacers
  • Flex Start - 将项目对齐到布局的左侧或顶部。
  • Flex End - 将项目对齐到布局的右侧或底部。
  • Centre - 将所有项目对齐到布局的中心。
  • Space Between - 分布项目,使每个项目之间的间隔相等。
  • Space Around - 分布项目,使每个项目被相等的空间或边距包围。
  • Space Evenly - 分布项目,使每个项目之间的间隔相等,包括布局的边缘。

Line Spacing - 当 Wrap Mode 设置为 WrapWrap Reverse 时,设置行/列之间的距离。

Align Content - 当 Wrap Mode 设置为 WrapWrap Reverse 时,确定行/列的交叉轴对齐方式。例如,如果 Direction 设置为 HorizontalAlign Content 将影响项目的垂直对齐:

  • Flex Start - 将项目对齐到布局的左侧或顶部。
  • Flex End - 将项目对齐到布局的右侧或底部。
  • Centre - 将所有项目对齐到布局的中心。
  • Space Between - 分布项目,使每个项目之间的间隔相等。
  • Space Around - 分布项目,使每个项目被相等的空间或边距包围。
  • Space Evenly - 分布项目,使每个项目之间的间隔相等,包括布局的边缘。

Ordering Policy - 确定布局组中 Shapes 的排列顺序:

  • Layer Order - 根据 Shapes 在组中的顺序从左到右/从上到下排列。层级顶部的 Shape 被视为第一个布局项。
  • Alphabetical - 根据 Layer Name 字母顺序排列 Shapes。
  • Shuffle - 随机排列 Shapes。

Flip Order - 反转 Ordering Policy

Shuffle Seed - 当 Ordering Policy 设置为 Shuffle 时,设置随机种子。

将 Shape 的 Hidden 属性连接到其 Exclude from Layout 属性(Advanced 选项卡),这样当它在 Viewport 中被隐藏时,布局也会相应更新。