UIListLayout

非推奨を表示

*このコンテンツは、ベータ版のAI(人工知能)を使用して翻訳されており、エラーが含まれている可能性があります。このページを英語で表示するには、 こちら をクリックしてください。

A UIListLayout ポジションの姉妹UI要素を親UIコンテナ内の行または列で

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

子供のレイアウトオーダーを制御するには、SortOrder を Enu

List layout examples illustrating numerical LayoutOrder
sorting or alphanumerical Name sorting.

兄弟間のパッドは、Padding プロパティで制御され、親コンテナの境界内にラップされます。Wraps ボールドを通じて、兄弟間

追加の計算が必要なため、flex リストレイアウトを使用することにより、パフォーマンスの影響があります。UIListLayout で、次のプロパティが設定する定されると、GuiObject の親があり、1> Class.GUI1>

概要

プロパティ

  • 追加の横長スペースを分配する方法を制御します。

  • In a flex layout, defines the 兄弟のクロスディレクションの Alignment を行内の子のクロスディレクションの Alignment とします。

  • 並列読み取り

    各要素の間の無料スペースの量。

  • 追加の垂直スペースを分配する方法を制御します。

  • 並列読み取り

    親コンテナの中の子コンテナをラップしているかどうかを制御します。

UIGridStyleLayout から継承した プロパティ

プロパティ

HorizontalFlex

並列読み取り

リストレイアウトの FillDirectionEnum.FillDirection.Horizontal に設定されると、HorizontalFlex プロパティは、親コンテナに追加の横長スペースを配分する方法を指定します。


<tbody>
<tr>
<td><code>enum.UIFlexRotation.None|None</code></td>
<td>Flex 動作はありません。兄弟は定義された幅を維持します。</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.Fill|Fill</code></td>
<td>姉妹は、親コンテナ全体を満たすために横にサイズを変更します。その定義された幅を上書きします。行内の <code>enum.UIFlexAlignment.None|None</code> 設定の下で、3人の姉妹が横にフィットすると、その3人の姉妹が満を満たします。</td>
</tr>
<tr>
<td><code>enum.uiflexAlignment.spacearound|空間オーラウンド</code></td>
<td>兄弟は自分の定義された幅を維持します。兄弟の両側に平等なスペースが追加されます。</td>
</tr>
<tr>
<td><code>enum.uiflexAlignment.SpaceBetween|SpaceBetween</code></td>
<td>兄弟は自分の定義された幅を維持します。同等のスペースは、兄弟の間に追加されますが、兄弟の間に追加のスペースは追加されません。</td>
</tr>
<tr>
<td><code>enum.uiflexAlignment.spaceEvenly|空間エクリプス</code></td>
<td>兄弟は自分の定義された幅を維持します。同等のスペースを、<b>兄弟</b> と<b>周囲</b> の兄弟の間に追加します。</td>
</tr>
</tbody>
設定兄弟の動作
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
クロスダイレクション動作

垂直リストの列布局 ( FillDirectionEnum.FillDirection.Vertical に設定) では、1> HorizontalFlex1> プロパティ

Diagram showing how HorizontalFlex affects the horizontal size of sibling UI objects when the UIListLayout fill direction is set to vertical.
オートサイズインタラクション

Class.UIListLayout.FillDirection|FillDirection の子である UIListLayoutFillDirection の中で有効になっている場合、1>Class.GuiObject1> のサイズを自動的に設定し、4>Class.UIListLayout.FillDirection4> から成長または縮小で

Class.UIListLayout の子である UIListLayout がクロス方向に有効になっている場合、 自動クロスサイズ としてインタープートされ、子のコンテンツをクロス方向に含む必要がある最小サイズを定義します。

ItemLineAlignment

並列読み取り

In a flex layout では、 子供の位置 を行ごとに Enum.ItemLineAlignment で設定します。1> Container.ItemsLine1> によるビジュアル例は、4>Container.ItemsLine4> を参照してください。


<tbody>
<tr>
<td><code>枚数.アイテムラインアラインメント.オートマチック|オートマチック</code></td>
<td>レイアウトの子供たちを配置するか、特定の Class.UIFlexItem 親をレイアウトの Class.UIListLayout.HorizontalAlignment|HorizontalAlignment または Class.UIListLayout.VerticalAlignment に配置します。レイアウトの 2>Class.UIListLayout.FillDirection|FillDirection2> によります。</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.Start|Start</code></td>
<td>レイアウトの子供たちを配置するか、特定の Class.UIFlexItem 親を横に移動するか、または縦に移動する Class.UIFlexItem 親を左に移動する。</td>
</tr>
<tr>
<td><code>枚数.アイテムラインアラインメント.センター|センター</code></td>
<td>レイアウトの子供たちを、または特定の Class.UIFlexItem 親を、横長または縦長の満タンに沿って中央に挿入します。</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.End|End</code></td>
<td>レイアウトの子供たちを配置するか、特定の Class.UIFlexItem 親を横向きに満杯するか、または垂直に Right を満杯するか、または、Class.UIFlexItem 親を上に満杯するか、または、2>Class.UIFlexItem2> 親を下に満杯するか、または、5>Class.UIFlexItem5> 親を上に満杯</td>
</tr>
<tr>
<td><code>枚数.アイテムラインアラインメント.Stretch|Stretch</code></td>
<td>レイアウトの兄弟や <code>Class.UIFlexItem</code> 親を拡張して、横または縦長のフィールドにわたって行の全方向を満たすことができます。</td>
</tr>
</tbody>
設定兄弟の動作
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

並列読み取り

各要素の間の空きスペースの量を決定し、スケール(親のサイズの割合)またはオフセット(静的スペース値に似たピクセルサイズ)に設定します。

並列読み取り

リストレイアウトの FillDirectionEnum.FillDirection.Vertical に設定されると、VerticalFlex プロパティは、親コンテナに追加の垂直スペースを配分する方法を指定します。


<tbody>
<tr>
<td><code>enum.UIFlexRotation.None|None</code></td>
<td>フレックス動作なし;兄弟は定義された高さを維持します。</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.Fill|Fill</code></td>
<td>姉妹は、親コンテナ全体を満たすために垂直にサイズを変更します。彼らの定義された高さを上書きします。コラム内の姉妹の数は変更されません。たとえ、 <code>枚数.UIFlexAlignment.None|None</code> 設定の下で、3人の姉妹が垂直にフィットすると、その3人の姉妹が全体の高さを満</td>
</tr>
<tr>
<td><code>enum.uiflexAlignment.spacearound|空間オーラウンド</code></td>
<td>兄弟はその定義された高さを維持します。それぞれの兄弟の両側に平等なスペースが追加されます。</td>
</tr>
<tr>
<td><code>enum.uiflexAlignment.SpaceBetween|SpaceBetween</code></td>
<td>兄弟はその定義された高さを維持します。同等のスペースは、兄弟の間に追加されますが、兄弟の間に追加のスペースは追加されません。</td>
</tr>
<tr>
<td><code>enum.uiflexAlignment.spaceEvenly|空間エクリプス</code></td>
<td>兄弟はその定義された高さを維持します。同等のスペースを、<b>兄弟</b> と<b>周囲</b> の兄弟の間に追加します。</td>
</tr>
</tbody>
設定兄弟の動作
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
クロスダイレクション動作

In 横列 リストレイアウト ( FillDirectionEnum.FillDirection.Horizontal に設定) では、兄弟が垂直な

Diagram showing how VerticalFlex affects the vertical size of sibling UI objects when the UIListLayout fill direction is set to horizontal.
オートサイズインタラクション

Class.UIListLayout.FillDirection|FillDirection の子である UIListLayoutFillDirection の中で有効になっている場合、1>Class.GuiObject1> のサイズを自動的に設定し、4>Class.UIListLayout.FillDirection4> から成長または縮小で

Class.UIListLayout の子である UIListLayout がクロス方向に有効になっている場合、 自動クロスサイズ としてインタープートされ、子のコンテンツをクロス方向に含む必要がある最小サイズを定義します。

Wraps

並列読み取り

親コンテナ内の兄弟が、コンテナの境界の幅/高さを超えているときに、他の行にラップされるかどうかを制御します。

Diagram showing how Wraps affects how siblings are distributed within the parent container's bounds.

方法

イベント