Il UIListLayout posiziona oggetti GuiObjects fratelli in righe orizzontali o colonne verticali all'interno del loro contenitore padre. Ogni volta che aggiungi o rimuovi un oggetto fratello, il layout si adegua di conseguenza.
Una volta inserito un UIListLayout, esso sovrascrive o influenza la Position, Rotation, e/o Size di tutti gli oggetti UI fratelli, quindi le modifiche a quelle proprietà nella finestra Proprietà o all'interno di uno script non avranno l'effetto normale.
Direzione di riempimento
La proprietà FillDirection determina la direzione in cui i fratelli del layout dell'elenco verranno visualizzati.
L'ordinamento è determinato dalla proprietà SortOrder del layout, che può essere numerico crescente, basato sul valore intero di LayoutOrder di ciascun elemento, o alfanumerico basato sul Name dell'elemento.
Per invertire gli elementi, ad esempio per un ordinamento da destra a sinistra in un elenco orizzontale, dovrai invertire l'ordinamento. Ad esempio, se quattro elementi sono ordinati da LayoutOrder di 0, 1, 2, 3 rispettivamente, nega ciascun valore per formare un ordine di 0, -1, -2, -3.
Allineamento
Le proprietà HorizontalAlignment e VerticalAlignment determinano il rispettivo allineamento X e Y dei fratelli dell'elenco in relazione tra loro e ai confini complessivi dell'elenco all'interno del suo contenitore. Ad esempio, un elenco riempito orizzontalmente con VerticalAlignment impostato su Center allinea centralmente i fratelli dell'elenco tra di loro e centra l'elenco verticalmente nel suo contenitore.
HorizontalAlignment e VerticalAlignment differiscono leggermente dall'allineamento della linea degli elementi in un layout flessibile, con cui puoi allineare elementi nella stessa linea senza applicare lo stesso allineamento ai confini complessivi dell'elenco nel suo contenitore.
Rappresentazione
La proprietà Wraps controlla se i fratelli all'interno del contenitore padre si avvolgono su un'altra riga quando la loro dimensione predefinita supera la larghezza/altezza dei confini del contenitore.
Imbottitura
La proprietà Padding determina la quantità di spazio vuoto tra ciascun elemento dell'elenco, impostata su una scala (percentuale della dimensione del contenitore nella direzione attuale) o un offset (valore di spazio statico simile alla dimensione in pixel).
Questa proprietà non applica imbottitura intorno ai confini complessivi dell'elenco; vedere UIPadding per applicare imbottitura sopra, sotto, a sinistra e/o a destra ai contenuti del padre.
Layout a flessibilità
Integrare flessibilità in un UIListLayout è un modo potente per riempire/distribuire equamente o allineare/stirare gli elementi dell'elenco attraverso la loro linea, o elementi specifici flessibili attraverso uno spazio variabile.
Pur essendo un potente strumento, non dovresti applicarlo a un UIListLayout senza uno scopo, poiché aggiunge un lieve costo delle prestazioni rispetto al non-flessibile, specialmente quando ridimensioni il layout o aggiungi/rimuovi dinamicamente elementi flessibili.
Inoltre, un layout a griglia potrebbe essere preferibile quando gli elementi devono allinearsi rigidamente a una griglia sia nella direzione X che Y, poiché i layout a griglia impongono una dimensione della cella coerente mentre i layout flessibili possono utilizzare un numero variabile di elementi per linea.
Riempimento o distribuzione equa
Quando la direzione di riempimento del layout a elenco è impostata su Horizontal, la proprietà HorizontalFlex specifica come distribuire lo spazio orizzontale extra nel contenitore padre. Allo stesso modo, quando la direzione di riempimento è impostata su Vertical, la proprietà VerticalFlex specifica come distribuire lo spazio verticale extra.
Un uso pratico di HorizontalFlex è un'interfaccia a schede in cui la flessibilità riempie la barra delle schede in modo equo, indipendentemente dal numero di schede. Nessun approccio è più semplice della flessibilità in questo caso, poiché calcola automaticamente la larghezza di ciascuna scheda senza impostazioni di larghezza definite dallo sviluppatore e si regola automaticamente se il numero di schede cambia.
Allineamento della linea degli elementi
La proprietà ItemLineAlignment definisce l'allineamento cross-direzionale dei fratelli all'interno di una linea, consentendo di allineare oggetti di larghezze/altezzze diverse o fare in modo che oggetti di larghezza/altezza inferiore riempiano l'intera linea.
Un caso d'uso pratico per ItemLineAlignment è allungare una serie di piastrelle di dimensioni inconsistenti per riempire l'intera riga (Stretch), rendendo il layout più coeso.
Flessibilità degli elementi individuali
Sebbene flessibilizzare un'intera layout sia un'utilità potente, alcuni layout sono più adatti alla flessibilità degli elementi individuali. In tali layout, alcuni elementi nell'elenco mantengono la loro dimensione principale mentre altri elementi si adattano per riempire spazi variabili. Un uso pratico è un widget barra di scorrimento con etichette uniformi a entrambe le estremità e una barra di scorrimento flessibile che riempie l'intera larghezza tra di esse.
Per impostare un elemento specifico dell'elenco come flessibile, inserisci un UIFlexItem come figlio dell'elemento flessibile, quindi imposta la sua proprietà FlexMode su Fill, Grow, Shrink, o Custom.
