Grid Layout Group

概要

Grid Layout Group は、Grid Layout Row の行を列に編成してグリッドを作成するために使用できます。

レイアウトの紹介 →

Layout Group でも Wrap 機能を使用してグリッドを作成できますが、Grid Layout Group は各行に特定の数のアイテムが必要な場合に使用できます。

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

これにより、次の階層が作成されます：

Grid Layout Group  ┠ Grid Layout Row    ┠ Shape1    ┠ Shape2    ┠ Shape3

Grid Layout Group は Grid Layout Row を子として必要とします。Shapes を Grid Layout Group に直接追加することは可能ですが、Grid Layout Row がない場合、それは単により複雑な垂直レイアウトです。

Grid Layout Group の列は、Grid Layout Row に配置されたアイテムによって定義されます。行内のアイテム数は一致する必要はないため、10 個のアイテムを含む Grid Layout Row を、3 個のアイテムを含む Grid Layout Row と一緒に Grid Layout Group 内にネストできます。Spacers を使用して行内に空のレイアウトアイテムを作成し、均等な列のグリッドを構築できます。

同じ数の Shapes を含む Grid Layout Rows を持つ Grid Layout Group。

異なる数の Shapes を含む Grid Layout Rows を持つ Grid Layout Group。

Grid Layout Group 内に配置されているが Grid Layout Row 内にない Shape は、すべての列にまたがる全幅のレイアウトアイテムとして扱われます。

UI

Common Attributes +

---

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 - 各レイアウトアイテム間に表示されるスペースを設定します。

Ordering Policy - Grid Layouts Rows が Grid Layout Group 内で配置される順序を決定します：

• Layer Order - Grid Layout Group 内の順序に基づいて Grid Layouts Rows を並べます。階層の最上部の Shape が最初のレイアウトアイテムと見なされます。
• Alphabetical - Layer Name に基づいてアルファベット順に Grid Layouts Rows を並べます。
• Shuffle - Grid Layouts Rows をランダムに並べます。

Flip Order - Ordering Policy を反転します。

Shuffle Seed - Ordering Policy が Shuffle に設定されている場合のランダムシードを設定します。