UIListLayout

Visualizza obsoleti

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

Un UIListLayout posizioni fratello UI elementi in righe o colonne all'interno del contenitore UI padre, in base al FillDirection .Le proprietà Position e Rotation di ciascun fratello GuiObject vengono ignorate o sostituite dal layout della lista, mentre ogni fratello mantiene la sua definizione Size a meno che il layout non sia configurato per utilizzare un layout flessibile.Vedi Elenco e layout flessibili per ulteriori informazioni.

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

Per controllare l'ordine di posizionamento dei fratelli, imposta SortOrder a Enum.SortOrder.Name o Enum.SortOrder.LayoutOrder , quindi rinomina i fratelli nell'ordine alfabetico o imposta il loro valore LayoutOrder, rispettivamente. UIListLayout riorganizza automaticamente gli elementi quando vengono aggiunti/rimossi elementi o se le modifiche di un elememto stesso livellodi Name o LayoutOrder cambiano.

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

Il riempimento tra fratelli è controllato attraverso la ProprietàPadding e l'incapsulamento all'interno dei confini del contenitore padre attraverso il Wraps booleano.L'allineamento dei fratelli all'interno del contenitore padre è controllato attraverso HorizontalAlignment e VerticalAlignment a meno che il layout non sia configurato per utilizzare un layout flessibile .

Si noti che ci sono implicazioni sulle prestazioni dell'utilizzo di un layout di elenco flex‑abilitato, poiché sono necessari ulteriori calcoli per calcolare le dimensioni di base di flessibilità, le dimensioni flessibili e l'incartamento delle linee.Flex è abilitato su un UIListLayout quando le seguenti proprietà sono Impostare, o se qualsiasi GuiObject fratello ha un UIFlexItem genitore a esso:

Sommario

Proprietà

Proprietà provenienti da UIGridStyleLayout

Proprietà

HorizontalFlex

Lettura Parallela

Quando la disposizione della lista è impostata su , la proprietà specifica come distribuire spazio orizzontale extra nel contenitore padre.


<th>Comportamento fratello-sorella</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>Enum.UIFlexAlignment.None|None</code></td>
<td>Nessun comportamento flessibile; i fratelli mantengono la loro larghezza definita.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.Fill|Fill</code></td>
<td>I fratelli ridimensionano orizzontalmente per riempire l'intero contenitore padre, sostituendo la loro larghezza definita.Il numero di fratelli in una riga rimane invariato; ad esempio, se tre fratelli si adattano orizzontalmente all'interno dell'ampiezza del contenitore sotto la Configurazione<code>Enum.UIFlexAlignment.None|None</code>, quei tre fratelli si ridimensioneranno per riempire l'intera larghezza.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>I fratelli mantengono la loro larghezza definita. Viene aggiunto uno spazio uguale su entrambi i lati di ogni elememto stesso livello.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpazioTra|SpazioTra</code></td>
<td>I fratelli mantengono la loro larghezza definita.La distanza uguale viene aggiunta <b>tra</b> fratelli, ma non viene aggiunto spazio supplementare <b>intorno</b> ai fratelli.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>I fratelli mantengono la loro larghezza definita. Si aggiunge spazio uguale tra <b>tra</b> e <b>intorno</b> ai fratelli.</td>
</tr>
</tbody>
Impostazione
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
Comportamento a senso contrario

In verticale list layouts ( impostati su ), la proprietà specifica come distribuire i fratelli attraverso la direzione orizzontale .In tali layout, un'impostazione di Enum.UIFlexAlignment.Fill riempie l'intero spazio orizzontale mentre lo spazio verticale aderisce a VerticalFlex .

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

Se GuiObject.AutomaticSize è abilitato per un figlio del UIListLayout nel FillDirection , viene interpretato come "base flessibile automatica" e definisce la dimensione del GuiObject da cui può crescere o restringere.

Se GuiObject.AutomaticSize è abilitato per un figlio del UIListLayout nella direzione incrociata , viene interpretato come "dimensione incrociata automatica" e definisce la dimensione minima necessaria per contenere tutti i contenuti del figlio nella direzione incrociata.

ItemLineAlignment

Lettura Parallela

In un layout flessibile , definisce l'allineamento trasversale dei fratelli all'interno di una linea. Vedi Enum.ItemLineAlignment per esempi visivi.


<th>Comportamento fratello-sorella</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>Enum.ItemLineAlignment.Automatic|Automatico</code></td>
<td>Allinea i fratelli del layout o il genitore specifico <code>Class.UIFlexItem</code> al layout di <code>Class.UIListLayout.HorizontalAlignment|HorizontalAlignment</code> o <code>Class.UIListLayout.VerticalAlignment|VerticalAlignment</code>, a seconda della sua direzione di riempimento <code>Class.UIListLayout.FillDirection|FillDirection</code>.</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.Start|Inizia</code></td>
<td>Allinea i fratelli del layout o il genitore specifico <code>Class.UIFlexItem</code> alla riga <b>superiore</b> in un riempimento orizzontale o alla riga <b>sinistra</b> in un riempimento verticale.</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.Center|Center</code></td>
<td>Allinea i fratelli del layout o il genitore specifico Class.UIFlexItem al centro della linea in orizzontale o verticale.</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.End|End</code></td>
<td>Allinea i fratelli del layout o il genitore specifico Class.UIFlexItem al bordo inferiore della linea o al lato destro della linea in un riempimento orizzontale o al lato destro della linea in un riempimento verticale.</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.Stretch|Stretch</code></td>
<td>Estende i fratelli del layout o il genitore specifico <code>Class.UIFlexItem</code> per riempire l'intera direzione di linea in orizzontale o verticale.</td>
</tr>
</tbody>
Impostazione
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

Lettura Parallela

Determina la quantità di spazio libero tra ciascun elemento, impostata su una scala (percentuale della dimensione del parentnella direzione attuale) o su un offset (valore di spazio statico simile alla dimensione dei pixel).

Lettura Parallela

Quando la disposizione della lista è impostata su , la proprietà specifica come distribuire spazio verticale extra nel contenitore padre.


<th>Comportamento fratello-sorella</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>Enum.UIFlexAlignment.None|None</code></td>
<td>Nessun comportamento flessibile; i fratelli mantengono l'altezza definita.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.Fill|Fill</code></td>
<td>I fratelli ridimensionano verticalmente per riempire l'intero contenitore padre, sostituendo l'altezza definita.Il numero di fratelli in una colonna rimane invariato; ad esempio, se tre fratelli si adattano verticalmente all'altezza del contenitore sotto la Configurazione<code>Enum.UIFlexAlignment.None|None</code>, quei tre fratelli si ridimensioneranno per riempire l'intera altezza.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>I fratelli mantengono l'altezza definita. Si aggiunge spazio uguale su entrambi i lati di ogni elememto stesso livello.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpazioTra|SpazioTra</code></td>
<td>I fratelli mantengono l'altezza definita.La distanza uguale viene aggiunta <b>tra</b> fratelli, ma non viene aggiunto spazio supplementare <b>intorno</b> ai fratelli.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>I fratelli mantengono l'altezza definita. Si aggiunge spazio uguale tra <b>tra</b> e <b>intorno</b> ai fratelli.</td>
</tr>
</tbody>
Impostazione
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
Comportamento a senso contrario

In liste orizzontali layout ( FillDirection impostati su Enum.FillDirection.Horizontal ), la proprietà VerticalFlex specifica come distribuire i fratelli attraverso la direzione verticale incrociata .In tali layout, un'impostazione di Enum.UIFlexAlignment.Fill riempie lo spazio verticale mentre lo spazio orizzontale aderisce a HorizontalFlex .

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

Se GuiObject.AutomaticSize è abilitato per un figlio del UIListLayout nel FillDirection , viene interpretato come "base flessibile automatica" e definisce la dimensione del GuiObject da cui può crescere o restringere.

Se GuiObject.AutomaticSize è abilitato per un figlio del UIListLayout nella direzione incrociata , viene interpretato come "dimensione incrociata automatica" e definisce la dimensione minima necessaria per contenere tutti i contenuti del figlio nella direzione incrociata.

Wraps

Lettura Parallela

Controlla se i fratelli all'interno del contenitore padre si avvolgono su un'altra linea quando la loro dimensione predefinita supera la larghezza/altezza dei confini del contenitore.

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

Metodi

Eventi