跳到內容

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 中被隱藏時,佈局也會相應更新。