Le posizioni UIListLayout fratello GuiObjects in posizioni orizzontali o verticali all'interno del loro contenitore di genitori. Ogni volta che aggiungi o rimuovi un fratello oggetto, l'aggiustamento della layout corrispondentemente.
Una volta inserito un UIListLayout , esso sovrascrive o influenza il Position , Rotation e/o 1> Class.GuiObject.Size|Size1> di tutti gli oggetti UI兄弟, quindi le modifiche a queste proprietà all'
Riempi la direzione
La proprietà FillDirection determina la direzione in cui i fratelli della lista layout Renderizzare.
L'ordinamento è determinato dalla proprietà SortOrder della layout che può essere either ascending numeric , based on each Articolo's LayoutOrder integer value, or 2> alfanumeric2> based on the Articolo's 5> Class.Instance.Name|Name5> .
Per invertire gli elementi, come l'ordinamento a sinistra-destra in una lista orizzontale, dovrai invertire il sorting. Ad esempio, se quattro elementi sono ordinati da Class.
Allineamento
Le proprietà HorizontalAlignment e VerticalAlignment determinano l'allineamento rispettivo
HorizontalAlignment e VerticalAlignment differiscono leggermente da item line alignment in un 0> flex0> layout, con cui puoi allineare gli elementi nella stessa linea senza applicare lo stesso allineamento alle linee generali del suo container.
Avvolgimento
I controlli Wraps sono veri e propri controlli booleani che frammentano i figli all'interno del container padre quando la loro dimensione predefinita supera la larghezza/altezza dei confini del container.
Spalline
La proprietà Padding determinare la quantità di spazio vuoto tra ogni Articolodi lista, impostato su uno scala (percentage of the container's size in the current direction) o un offset (valore di spazio statico simile alla dimensione pixel.
Questa proprietà non si applica all'imbottitura intorno agli errori della lista; vedi UIPadding per applicare la spugna superiore, inferiore, sinistra e / o destra ai contenuti della parentesi.
布局 flessibili
L'integrazione di flex in un UIListLayout è un modo potente per riempire/distrribuire o 1> allineare/allungare1> liste elementi lungo la loro linea, o 4> flessare articoli specifici4> attraverso uno Spaziovariabile.
Mentre il flex è uno strumento potente, non dovresti applicarlo a un UIListLayout senza scopo, poiché aggiunge un leggero costo di prestazioni sopra non-flex, specialmente quando ridimensioni la layout o aggiungi/rimuovi i pulsanti flessibili dinamicamente.
Inoltre, una Grid Layout potrebbe essere preferibile quando gli elementi dovrebbero essere allineati in modo rigido alla griglia in entrambe le direzioni X e Y, poiché le grille hanno una dimensione di cellule coerente mentre i layout flessibili possono utilizzare un numero variabile di elementi per riga.
Riempi pari o distribuisci
Quando la lista layout's riempimento direzione è impostata su Horizontal, la proprietà HorizontalFlex specifica come distribuire spazio extra orizzontale nel container padre. Allo stesso modo, quando la dire
Un uso pratico di HorizontalFlex è un'interfaccia finestra a scheda in cui flex riempie la barra della scheda in modo uniforme, indipendentemente dal numero di schede. Nessun approccio è più facile di questo, poiché calcola automaticamente la larghezza di ciascuna scheda senza impostazioni di larghezza definite dal team, e adatta automaticamente se il numero di schede cambia.
Allineamento della linea dell'articolo
La proprietà ItemLineAlignment definisce l'allineamento tra direzione dei fratelli all'interno di una linea, consentendoti di allineare gli oggetti di diverse larghezze / altezze o fare in modo che gli oggetti di minore larghezza / altezza riempiscano tutta la linea.
Un caso d'uso pratico per ItemLineAlignment è quello di allungare una serie di piastrelle di dimensioni diverse per riempire tutta la loro riga ( Stretch ) rendendo il layout più coerente.
Flessione di oggetti individuali
Mentre flessare un intero layout è un'utilità potente, alcuni layout sono più adatti a flessing individual item flexing . In questi layout, alcuni elementi nella lista mantengono la loro dimensione di base mentre altri elementi flessono per riempire gli spazi variabili. Un'utilità pratica è una barra slider con etichette uniformi su entrambi gli lati e una barra slider flessibile che riempie l'intera larghezza tra.
Per impostare un singolo elemento di lista come flessibile, inserisci un UIFlexItem come figlio dell'Articoloflessibile, quindi imposta la sua proprietà Class.UIFlexItem.FlexMode|FlexMode
