UIListLayout
*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
Per controllare l'ordine di visualizzazione dei fratelli, imposta SortOrder su En
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
- ItemLineAlignment non è impostato su Enum.ItemLineAlignment.Automatic .
- Wraps è true .
Sommario
Proprietà
Controlla come distribuire Spazioextra orizzontale.
In una layout flessibile, definisce l'allineamento dirigenziale dei fratelli all'interno di una linea.
Quantità di spazio gratuito tra ogni elemento.
Controlla come distribuire Spazioverticale extra.
Controlla se i fratelli all'interno del container padre sono avvolti.
La dimensione assoluta dello spazio occupato dalla griglia di layout.
Determina l'asse in cui vengono posizionati gli oggetti UI.
Determina l'allineamento orizzontale degli elementi UI all'interno dell'elemento padre.
Determina l'ordine in cui gli oggetti dell'interfaccia utente bambino vengono posizionati in una layout.
Determina l'allineamento verticale degli elementi UI all'interno dell'elemento padre.
Metodi
Proprietà
HorizontalFlex
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>
Impostazione | Comportamento fratello/sorella |
---|
Comportamento a direzione incrociata
In liste verticali liste liste liste ( FillDirection impostate su Enum.FillDirection.Vertical ) , la proprietà 1> HorizontalF
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
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>
Impostazione | Comportamento fratello/sorella |
---|
Padding
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).
VerticalFlex
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>
Impostazione | Comportamento fratello/sorella |
---|
Comportamento a direzione incrociata
In liste orizzontali list layouts ( FillDirection set to Enum.FillDirection.Horizontal ) , the 1> VerticalFlex1>
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
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.