UIListLayout
*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.
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.
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:
- Wraps is true .
Sommario
Proprietà
Controlla come distribuire Spazioorizzontale extra.
In un layout flessibile, definisce l'allineamento trasversale dei fratelli all'interno di una linea.
Quantità di spazio libero tra ciascun elemento.
Controlla come distribuire Spazioverticale extra.
Controlla se i fratelli all'interno del contenitore padre si avvolgono.
La dimensione assoluta dello spazio occupato dal layout della griglia.
Determina l'asse in cui gli oggetti dell'interfaccia utente vengono disposti.
Determina l'allineamento orizzontale degli elementi UI all'interno dell'elemento padre.
Determina l'ordine in cui gli oggetti UI figli vengono posizionati in un layout.
Determina l'allineamento verticale degli elementi UI all'interno dell'elemento padre.
Metodi
Proprietà
HorizontalFlex
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 |
---|

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 .

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
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 |
---|

Padding
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).
VerticalFlex
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 |
---|

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 .

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
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.
