コンテンツにスキップ
Cavalry 中文文档

Layout Group

概要

「概要」という見出しのセクション

Layout Group は、Shapes を水平方向または垂直方向に配置するために使用できます。

レイアウトの紹介 →

  1. 3 つの Shapes を作成します。
  2. 3 つの Shapes をすべて選択し、Viewport で右クリックして Layout > Embed selected in Horizontal Layout を選択します。

Shape の幅/半径を大きくしてみてください。

UI

「UI」という見出しのセクション

Common Attributes +

すべての Shapes には、Advanced タブにさらに Layout Alignment オプションがあり、セル内での配置を調整するために使用できます。

Direction - レイアウトの方向を選択します：

  • Horizontal - Shapes を横に並べてスタックします。
  • Vertical - Shapes を上下にスタックします。

Wrap Mode - レイアウトグループ内の Shapes の合計幅/高さがそのサイズを超えた場合の動作を決定します：

  • No Wrap - Shapes は 1 行/1 列に留まります。
  • Wrap - Shapes は次の行/列に折り返されます。
  • Wrap Reverse - Shapes は前の行/列に折り返されます。

ネストされたレイアウトグループでは、現在折り返しはサポートされていません。

Draw Extents - チェックすると、Minimum Size と Maximum Size の表現が Viewport に描画されます。

Minimum Size - 別のレイアウト内にある場合にレイアウトが占める最小の幅と高さを決定します。

Maximum Size - Shapes がレイアウト内で埋めることができる最大の幅と高さを決定します。レイアウトグループ内の Shapes の合計幅/高さがこれらの値を超えると、Shapes は重なり始めます。デフォルトでは、Maximum Size はコンポジションの Resolution に接続されています — 接続を解除してカスタム値を設定します。

Maximum Size が Minimum Size より小さい値に設定されている場合、Maximum Size は内部的に Minimum Size の値にクランプされます（その逆も同様）。これは Attribute Editor には反映されませんが、Draw Extents をチェックした状態で Viewport で確認できます。

Margins - レイアウトの端（上、下、左、右）の周囲のスペースを設定します。

Spacing - 各レイアウトアイテム間に表示されるスペースを設定します。

Spacing Mode - 利用可能なスペース内でアイテムがどのように分散されるかを決定します：

  • Manual Spacers - Spacers を参照。
  • Flex Start - アイテムをレイアウトの左または上に配置します。
  • Flex End - アイテムをレイアウトの右または下に配置します。
  • Centre - すべてのアイテムをレイアウトの中央に配置します。
  • Space Between - 各アイテム間の間隔が等しくなるようにアイテムを分散します。
  • Space Around - 各アイテムが等しいスペースまたはマージンで囲まれるようにアイテムを分散します。
  • Space Evenly - レイアウトの端を含めて、各アイテム間の間隔が等しくなるようにアイテムを分散します。

Line Spacing - Wrap Mode が Wrap または Wrap Reverse に設定されている場合、行/列間の距離を設定します。

Align Content - Wrap Mode が Wrap または Wrap Reverse に設定されている場合、行/列のクロス軸配置を決定します。例えば、Direction が Horizontal に設定されている場合、Align 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 で非表示になったときにレイアウトもそれに応じて更新されます。