UIListLayout

Visualizza obsoleti

*Questo contenuto è tradotto usando AI (Beta) e potrebbe contenere errori. Per visualizzare questa pagina in inglese, clicca qui.

A UIListLayout posizioni UI elementi fratelli in righe o colonne all'interno del contenitore UI padre, in base al

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

Per controllare l'ordine di visualizzazione dei fratelli, imposta SortOrder su En

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

Il pad딩 tra fratelli è controllato attraverso il Padding proprietario, e l'avvolgimento all'interno dei limiti del container padre attraverso il Wraps boolean. L'allineamento dei fratelli all'interno

Nota che ci sono implicazioni di prestazioni nell'utilizzo di una Lista layout flex abilitata, poiché sono necessarie ulteriori calcoli per calcolare le basi di flessibilità, le dimensioni flessed e l'avvolgimento della linea. Flex è abilitato su un UIListLayout quando le seguenti proprietà sono Impostare, o se qualsiasi

Sommario

Proprietà

Proprietà provenienti da UIGridStyleLayout

Proprietà

HorizontalFlex

Lettura Parallela

Quando la lista layout's FillDirection è impostata su Enum.FillDirection.Horizontal, la proprietà HorizontalFlex specifica come distribuire lo spazio extra orizzontale nel container padre.


<tbody>
<tr>
<td><code>Enum.UIFlexAlignment.None|None</code></td>
<td>Nessun comportamento di flessibilità; i fratelli mantengono la loro larghezza definita.</td>
</tr>
<tr>
<td><code>Enum.UIFlexRotation.Fill|Fill</code></td>
<td>I fratelli ridimensionano orizzontalmente per riempire l'intero contenitore padre, sovrascrivendo la loro larghezza definita. Il numero di fratelli in una riga rimane inalterato; ad esempio, se tre fratelli si adattano orizzontalmente all'interno della larghezza del contenitore sotto l'Configurazione<code>Enum.UIFlexAlignment.None|None</code>, questi tre fratelli si adatteranno per riempire l'intera larghezza.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>I fratelli mantengono la loro larghezza definita. L'uguaglianza dello spazio viene aggiunta su entrambi i lati di ciascun elememto stesso livello.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>
<td>I fratelli mantengono la loro larghezza definita. L'uguaglianza dello spazio viene aggiunta tra fratelli, ma non viene aggiunto spazio aggiuntivo intorno ai fratelli.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>I fratelli mantengono la loro larghezza definita. L'uguaglianza dello spazio viene aggiunta sia tra fratelli <b>tra</b> e fratelli <b>intorno</b> .</td>
</tr>
</tbody>
ImpostazioneComportamento fratello/sorella
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
Comportamento a direzione incrociata

In liste verticali liste liste liste ( FillDirection impostate su Enum.FillDirection.Vertical ) , la proprietà 1> HorizontalF

Diagram showing how HorizontalFlex affects the horizontal size of sibling UI objects when the UIListLayout fill direction is set to vertical.
Interazione con Size automatico

Se GuiObject.AutomaticSize è abilitato per un figlio di Class.UIListLayout in Class.UIListLayout.FillDirection|FillDirection , viene interpretato come "base di flessibilità automatica" e definisce la dimensione del 4> Class.GuiObject4> da cui può crescere o ridersi.

Se GuiObject.AutomaticSize è abilitato per un figlio della UIListLayout in the direzione croce-dirizione , viene interpretato come "dimensione cross automatico" e definisce la dimensione minima necessaria per contenere tutto il contenuto del figlio nella direzione croce.

ItemLineAlignment

Lettura Parallela

In un flex layout, definisce l'allineamento dirigenziale dei fratelli all'interno di una riga. Vedi Enum.ItemLineAlignment per esempi visivi.


<tbody>
<tr>
<td><code>Enum.ItemLineAlignment.Automatic|Automatico</code></td>
<td>Allineare i fratelli della layout o il genitore specifico <code>Class.UIFlexItem</code> alla posizione <code>Class.UIListLayout.HorizontalAlignment|HorizontalRotation</code> o <code>Class.UIListLayout.VerticalAlignment</code> della layout, a seconda della sua posizione 1> Class.UIListLayout.FillDirection|FillDirection1> .</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.Start|Start</code></td>
<td>Allineare i fratelli della layout o il genitore specifico <code>Class.UIFlexItem</code> alla linea di <b>top</b> in un riempimento orizzontale o alla linea di <b>左</b> in un riempimento verticale.</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.Center|Center</code></td>
<td>Allineare i fratelli della layout o il genitore specifico <code>Class.UIFlexItem</code> a centro linea in orizzontale o verticale.</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.End|End</code></td>
<td>Allineare i fratelli della layout o il genitore specifico <code>Class.UIFlexItem</code> alla linea <b>in fondo</b> in un'impostazione orizzontale o alla linea <b>destra</b> in un'impostazione verticale.</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.Stretch|Stretch</code></td>
<td>Abbina i fratelli della layout o il genitore specifico <code>Class.UIFlexItem</code> per riempire l'intera direzione di riferimento della linea in orizzontale o verticale.</td>
</tr>
</tbody>
ImpostazioneComportamento fratello/sorella
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

Lettura Parallela

Determina la quantità di spazio gratuito tra ciascun elemento, impostato su scala (percentuale della dimensione del parentnella direzione attuale) o su OFFSET (valore di spazio statico simile alle dimensioni del pixel).

Lettura Parallela

Quando la lista layout's FillDirection è impostata su Enum.FillDirection.Vertical, la proprietà VerticalFlex specifica come distribuire lo spazio verticale extra nel container padre.


<tbody>
<tr>
<td><code>Enum.UIFlexAlignment.None|None</code></td>
<td>Nessun comportamento di flessibilità; i fratelli mantengono la loro altezza definita.</td>
</tr>
<tr>
<td><code>Enum.UIFlexRotation.Fill|Fill</code></td>
<td>I fratelli ridimensionano verticalmente per riempire l'intero contenitore padre, sovrascrivendo la loro altezza definita. Il numero di fratelli in una colonna rimane inalterato; ad esempio, se tre fratelli si adattano verticalmente all'altezza sotto l'<code>Enum.UIFlexAlignment.None|None</code> Configurazione, questi tre fratelli ridimensioneranno per riempire l'intera altezza.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>I fratelli mantengono la loro altezza definita. L'allineamento delle spazi è aggiunto su entrambi i lati di ciascun elememto stesso livello.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>
<td>I fratelli mantengono la loro altezza definita. L'uguaglianza dello spazio viene aggiunta tra fratelli, ma non viene aggiunto spazio aggiuntivo intorno ai fratelli.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>I fratelli mantengono la loro altezza definita. L'uguaglianza dello spazio viene aggiunta sia tra fratelli <b>tra</b> e fratelli <b>intorno</b> .</td>
</tr>
</tbody>
ImpostazioneComportamento fratello/sorella
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
Comportamento a direzione incrociata

In liste orizzontali list layouts ( FillDirection set to Enum.FillDirection.Horizontal ) , the 1> VerticalFlex1>

Diagram showing how VerticalFlex affects the vertical size of sibling UI objects when the UIListLayout fill direction is set to horizontal.
Interazione con Size automatico

Se GuiObject.AutomaticSize è abilitato per un figlio di Class.UIListLayout in Class.UIListLayout.FillDirection|FillDirection , viene interpretato come "base di flessibilità automatica" e definisce la dimensione del 4> Class.GuiObject4> da cui può crescere o ridersi.

Se GuiObject.AutomaticSize è abilitato per un figlio della UIListLayout in the direzione croce-dirizione , viene interpretato come "dimensione cross automatico" e definisce la dimensione minima necessaria per contenere tutto il contenuto del figlio nella direzione croce.

Wraps

Lettura Parallela

Controlla se i fratelli all'interno del container padre avvolgono in un'altra riga quando la loro dimensione predefinita supera la larghezza / altezza dei confini del container.

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

Metodi

Eventi