UIListLayout

Veraltete anzeigen

*Dieser Inhalt wurde mit KI (Beta) übersetzt und kann Fehler enthalten. Um diese Seite auf Englisch zu sehen, klicke hier.

Eine Position in der UIListLayout-Position innerhalb des übergeordneten UI-Containers basiert auf der Class.UIListLayout.Fill

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

Um die Reihenfolge der Kinder zu steuern, setzen Sie SortOrder entweder auf Enum.SortOrder

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

Die Padding zwischen Geschwistern wird über die Padding -Eigenschaft kontrolliert, und das Wrapping innerhalb der Eltern-Container-Grenzen durch den Wraps -Boolean. Die Ausrichtung der Geschwister innerhalb der Eltern-

Beachten Sie, dass es Leistungsbeeinträchtigungen gibt, wenn ein flex-aktiviertes List layout verwendet wird, da zusätzliche Berechnungen erforderlich sind, um die Basisgrößen, die Flexed Größen und die Zeilengew�elung zu berechnen. Flex wird auf einem UIListLayout aktiviert, wenn die folgenden Eigenschaften festlegensind, oder wenn ein <

Zusammenfassung

Eigenschaften

Eigenschaften von UIGridStyleLayout übernommen

Eigenschaften

HorizontalFlex

Parallel lesen

Wenn die Liste-布局's FillDirection auf Enum.FillDirection.Horizontal gesetzt ist, spezifiziert die Eigenschaft HorizontalFlex, wie der zusätzliche horizontale Raum im Eltern-Container verteilt werden soll.


<tbody>
<tr>
<td><code>enum.UIFlexAlignment.None|None</code></td>
<td>Kein Flex-Verhalten; Brüder und Schwestern behalten ihre definierte Breite.</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.Fill|Fill</code></td>
<td>Die Siblings schneiden sich horizontally, um den gesamten Eltern-Container zu füllen, indem sie ihre definierte Breite überschreiben. Die Anzahl der Siblings in einer Reihe bleibt unverändert; zum Beispiel, wenn drei Siblings in der Breite des Containers unter der <code>enum.UIFlexAlignment.None|None</code> Einstellung passen, werden diese drei Siblings resized, um die gesamte Breite zu füllen.</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>Die Nachkommen behalten ihre definierte Breite. Die gleiche Platzierung wird auf beiden Seiten jedes gleichgeordnetes Teilhinzugefügt.</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>
<td>Zwillinge behalten ihre definierte Breite. Gleichmäßige Platzierung wird zwischen Zwillings- zwischen Zwillings- zwischen Zwillings- zwischen Zwillings- 2> zwischen2> Zwillings- 5> zwischen5> Zwillings- 8> zwischen8> Zwillings- 1> zwischen1> Zwillings- 4> zwischen4> Zwillings- <b>7> zwischen</b>7> Zwillings- 0> zwischen0> Zwillings- 3> zwischen3> Zwillings- 6> zwischen6> Zwillings- 9> zwischen9> Zwillings-</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>Zwillinge behalten ihre definierte Breite. Gleichmäßige Platzierung wird sowohl zwischen <b>zwischen</b> und <b>um</b> Zwillingsbruderschaften hinzugefügt.</td>
</tr>
</tbody>
EinstellungenVerhalten von Schwestern
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
Kreuzungsverhalten

In vertikalen Listierungen ( FillDirection setzen auf Enum.FillDirection.Vertical ) setzt die Eigenschaft 1> Class.UIListLayout

Diagram showing how HorizontalFlex affects the horizontal size of sibling UI objects when the UIListLayout fill direction is set to vertical.
Automatische Größenanpassung

Wenn GuiObject.AutomaticSize für ein Kind der UIListLayout in der FillDirection interpoliert wird, wird es als "Automatische Flex-Basis" interpretiert und definiert die Größe des 1> Class.GuiObjekts1>, von der es wachsen oder schrumpfen kann.

Wenn GuiObject.AutomaticSize für ein Kind der UIListLayout im cross-Direction aktiviert ist, wird es als "automatische Größe" interpretiert und definiert die minimale Größe, die zum Inhalt aller Kinder im cross-Direction enthalten sein muss.

ItemLineAlignment

Parallel lesen

In einem Flex-レイアウト definiert die Richtung der Brudere innerhalb einer Linie. Siehe Enum.ItemLineAlignment für visuelle Beispiele.


<tbody>
<tr>
<td><code>enum.ItemLineAlignment.Automatic|Automatic</code></td>
<td>Zur Ausrichtung der Schwellengrafik oder des spezifischen Class.UIFlexItem Elternteils der Schwellengrafik oder des spezifischen Class.UIListLayout.HorizontalAlignment|HorizontalAlignment oder Class.UIListLayout.VerticalAlignment , abhängig von seiner 2> Class.UIListLayout.FillDirection|FillDirection2> .</td>
</tr>
<tr>
<td><code>enum.ItemLineAlignment.Start|Start</code></td>
<td>Zur Ausrichtung der Schwerter oder der spezifischen <code>Class.UIFlexItem</code> Schwester oder des Linienoberteils in einer horizontalen Füllung oder der Linien links in einer vertikalen Füllung.</td>
</tr>
<tr>
<td><code>enum.ItemLineAlignment.Center|Center</code></td>
<td>Zur Ausrichtung der Schwingen der布局's брать弟弟 oder 具體的 <code>Class.UIFlexItem</code> Eltern an die Mitte der Zeile in horizontaler oder vertikaler Füllung.</td>
</tr>
<tr>
<td><code>enum.ItemLineAlignment.End|End</code></td>
<td>Zur Ausrichtung der Schwerter oder der spezifischen <code>Class.UIFlexItem</code> Schwester oder des horizontalen <b>unteren</b> in einer horizontalen Füllung oder der rechten in einer vertikalen Füllung.</td>
</tr>
<tr>
<td><code>enum.ItemLineAlignment.Stretch|Stretch</code></td>
<td>Streckt die Geschwister des Layouts oder die spezifische <code>Class.UIFlexItem</code> -Elternteil, um die gesamte Richtung des Linien in horizontaler oder vertikaler Ausrichtung zu füllen.</td>
</tr>
</tbody>
EinstellungenVerhalten von Schwestern
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

Parallel lesen

Bestimmt die Menge des freien Platzes zwischen jedem Element und setzt sie entweder auf eine Skala (Prozentsatz der Größe des übergeordnetes Teilin der aktuellen Richtung) oder auf einen Offset (statische Platzierungswert ähnlich der Pixelgröße).

Parallel lesen

Wenn die Liste-布局's FillDirection auf Enum.FillDirection.Vertical gesetzt ist, spezifiziert die Eigenschaft VerticalFlex, wie der zusätzliche vertikale Raum im Eltern-Container verteilt werden soll.


<tbody>
<tr>
<td><code>enum.UIFlexAlignment.None|None</code></td>
<td>Kein Flex-Verhalten; Brüder und Schwestern behalten ihre definierte Höhe.</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.Fill|Fill</code></td>
<td>Die Siblings schneiden vertikal, um den gesamten Eltern-Container zu füllen, indem sie ihre definierte Höhe überschreiten. Die Anzahl der Siblings in einer Spalte bleibt unverändert; zum Beispiel, wenn drei Siblings in vertikaler Weise innerhalb der Containerhöhe unter der <code>enum.UIFlexAlignment.None|None</code> Einstellung passen, werden diese drei Siblings resized, um die gesamte Höhe zu füllen.</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>Die Geschwister halten ihre definierte Höhe. Die gleiche Abstand wird auf beiden Seiten jedes gleichgeordnetes Teilhinzugefügt.</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>
<td>Brüder und Schwestern halten ihre definierte Höhe. Gleichmäßige Platzierung wird zwischen Brüdern und Schwestern hinzugefügt, aber keine zusätzliche Platzierung wird hinzugefügt, um Brüder und Schwestern um.</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>Zwillinge behalten ihre definierte Höhe. Gleichmäßige Platzierung wird sowohl zwischen <b>zwischen</b> und <b>um</b> Zwillingsbruderschaften hinzugefügt.</td>
</tr>
</tbody>
EinstellungenVerhalten von Schwestern
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
Kreuzungsverhalten

In vertikalen List layouts ( FillDirection set to Enum.FillDirection.Horizontal ) setzt die Eigenschaft 1> VerticalFlex1>

Diagram showing how VerticalFlex affects the vertical size of sibling UI objects when the UIListLayout fill direction is set to horizontal.
Automatische Größenanpassung

Wenn GuiObject.AutomaticSize für ein Kind der UIListLayout in der FillDirection interpoliert wird, wird es als "Automatische Flex-Basis" interpretiert und definiert die Größe des 1> Class.GuiObjekts1>, von der es wachsen oder schrumpfen kann.

Wenn GuiObject.AutomaticSize für ein Kind der UIListLayout im cross-Direction aktiviert ist, wird es als "automatische Größe" interpretiert und definiert die minimale Größe, die zum Inhalt aller Kinder im cross-Direction enthalten sein muss.

Wraps

Parallel lesen

Steuert, ob die Kinder innerhalb des übergeordneten Containers zu einer anderen Zeile geschaltet werden, wenn ihre Standardgröße die Breite/Höhe der Container-Grenzen überschreitet.

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

Methoden

Ereignisse