リストとフレックスレイアウト

UIListLayoutは、親コンテナ内で兄弟のGuiObjectsを横の行または縦の列に配置します。兄弟オブジェクトを追加または削除すると、レイアウトはそれに応じて調整されます。

フィル方向

FillDirectionプロパティは、リストレイアウトの兄弟が表示される方向を決定します。

順序は、レイアウトのSortOrderプロパティで決まります。これは昇順数値（各アイテムのLayoutOrder整数値に基づく）またはアルファベット順（アイテムのNameに基づく）のいずれかです。

アラインメント

HorizontalAlignmentとVerticalAlignmentプロパティは、リストの兄弟が互いにおよびリストの全体の境界内でのXおよびYの整列を決定します。たとえば、VerticalAlignmentがCenterに設定された横に埋め込まれたリストは、リストの兄弟を互いに中央に整列させ、リストをそのコンテナ内で垂直に中央に配置します。

ラッピング

Wrapsブール値は、親コンテナ内で兄弟がそのデフォルトサイズよりも幅/高さがコンテナの境界を超えると、別の行に折り返すかどうかを制御します。

パディング

Paddingプロパティは、各リストアイテムの間の空白の量を決定し、コンテナの現在の方向でのサイズのパーセンテージとしてのスケールまたは静的な間隔値としてのオフセットのいずれかに設定されます。

フレックスレイアウト

UIListLayoutにフレックスを統合することは、アイテムをその行全体で均等に埋めたり/分配したりや、整列/伸縮を行ったり、特定のアイテムをフレックスする強力な方法です。

均等な埋め込みまたは分配

リストレイアウトのフィル方向がHorizontalに設定されているとき、HorizontalFlexプロパティは親コンテナ内の余分な水平方向のスペースをどのように分配するかを指定します。同様に、フィル方向がVerticalに設定されている場合、VerticalFlexプロパティは余分な垂直スペースをどのように分配するかを指定します。

HorizontalFlexの実用的な使用法の1つは、タブ付きウィンドウインターフェースであり、フレックスはタブの数に関係なくタブバーを均等に埋めます。この場合、開発者が定義した幅の設定なしに各タブの幅を自動的に計算し、タブの数が変化した場合は自動的に調整されるため、フレックスより簡単なアプローチはありません。

アイテムライン整列

ItemLineAlignmentプロパティは、行内の兄弟の交差方向の整列を定義し、異なる幅/高さのオブジェクトを整列させたり、狭い幅/高さのオブジェクトがその行全体を埋めるのを可能にします。

ItemLineAlignmentの実用的な使用例は、外観が不規則なタイルの系列を引き伸ばして行全体を埋めることです（Stretch）、レイアウトをより一貫性のあるものにします。

個別のアイテムをフレックス

レイアウト全体をフレックスすることは強力なユーティリティですが、特定のレイアウトは個別アイテムのフレックスにより適しています。そのようなレイアウトでは、リスト内の一部の要素はそのコアサイズを維持し、他のアイテムは可変スペースを埋めるためにフレックスします。実用的な使用法の1つは、両端に均一なラベルがあるスライダーバーウィジェットで、間の全幅を占める柔軟なスライダーバーです。

特定のリストアイテムをフレックスとして設定するには、フレックスアイテムの子としてUIFlexItemを挿入し、そのFlexModeプロパティをFill、Grow、Shrink、またはCustomに設定します。