Le posizioni UIListLayout sorelle GuiObjects in righe orizzontali o colonne verticali all'interno del loro contenitore padre.Ogni volta che aggiungi o rimuovi un oggetto fratello, il layout si adatta di conseguenza.
Una volta inserito un UIListLayout, sovrascrive o influenza il Position, Rotation e/o Size di tutti gli oggetti di interfaccia utente fratelli, quindi le modifiche a tali proprietà nella finestra Proprietà o all'interno di uno script non avranno l'effetto normale.
Riempi direzione
La proprietà FillDirection determina la direzione in cui verranno Renderizzarei fratelli della griglia della lista.
L'ordinamento è determinato dalla proprietà di layout che può essere sia ascendente numerico , in base al valore dell'intero integrale di ogni Articolo, o alfanumerico in base al valore dell'Articolo.
Per invertire gli elementi, come l'ordine da destra a sinistra in una lista orizzontale, dovrai invertire l'ordine.Ad esempio, se quattro oggetti sono ordinati da LayoutOrder di 0 , 1 , 2 , 3 rispettivamente, negare ogni valore per formare un ordine di 0 , -1 , -2 , -3 .
Allineamento
Le proprietà HorizontalAlignment e VerticalAlignment determinano l'allineamento rispettivo di X e Y dei fratelli della lista rispetto l'un l'altro e i confini complessivi all'interno del contenitore.Ad esempio, un elenco riempito orizzontalmente con VerticalAlignment di Center centra i fratelli dell'elenco l'uno con l'altro e centra l'elenco verticalmente nel suo contenitore.
HorizontalAlignment e VerticalAlignment differiscono leggermente da linea di oggetto di allineamento in un layout flessibile, con cui puoi allineare gli oggetti nella stessa linea senza applicare lo stesso allineamento ai confini generali della lista nel suo contenitore.
Confezione
I controlli booleani Wraps determinano 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.
Spaziatura
La proprietà Padding determina la quantità di spazio vuoto tra ogni Articolodella lista , impostata a una scala (percentuale della dimensione del contenitore nella direzione attuale) o a uno spostamento (valore di spazio statico simile alla dimensione dei pixel).
Questa proprietà non applica il padding intorno alla lista ai confini generali; vedi UIPadding per applicare il padding superiore, inferiore, sinistro e/o destro ai contenuti del parent.
Layout flessibili
Integrare flex in un UIListLayout è un potente modo per riempire/distribuire equamente o allineare/stendere gli elementi della lista attraverso la loro linea, o integrare oggetti flessibili specifici attraverso uno Spaziovariabile.
Mentre flex è uno strumento potente, non dovresti applicarlo a un UIListLayout senza scopo, poiché aggiunge un leggero costo di prestazioni sopra non-flex, soprattutto quando ridimensioni il layout o aggiungi/rimuovi flex oggetti in modo dinamico.
Inoltre, un layout a griglia potrebbe essere preferibile quando gli elementi dovrebbero allinearsi rigorosamente a una griglia nelle direzioni X e Y, poiché i layout a griglia impongono una dimensione di cellula coerente mentre i layout flessibili possono utilizzare un numero variabile di elementi per linea.
Riempo o distribuzione uguale
Quando la direzione di riempimento della griglia viene impostata su fill direction , la proprietà specifica come distribuire spazio orizzontale extra nel contenitore padre.Allo stesso modo, quando la direzione di riempimento è impostata su Vertical , la proprietà VerticalFlex specifica come distribuire Spazioverticale extra.
Un uso pratico di HorizontalFlex è un'interfaccia a schede in cui flex riempie la barra di tab ugualmente, indipendentemente dal numero di schede.Nessun approccio è più semplice di flex in questo caso, perché calcola automaticamente l'ampiezza di ciascuna scheda senza impostazioni di ampiezza definite dallo sviluppatore e si adatta automaticamente se il numero di schede cambia.
Allineamento della linea dell'elemento
La proprietà ItemLineAlignment definisce l'allineamento cross-direzionale dei fratelli all'interno di una linea, consentendoti di allineare oggetti di diverse dimensioni/altezze o riempire oggetti di dimensioni/altezze minori con la loro intera linea.
Un caso d'uso pratico per ItemLineAlignment è quello di allungare una serie di piastrelle di dimensioni diverse per riempire l'intera riga ( Stretch ), rendendo il layout più coeso.
Flex oggetti individuali
Mentre piegare un intero layout è una potente utilità, alcuni layout sono più adatti a piegare singoli oggetti .In tali layout, alcuni elementi nell'elenco mantengono la loro dimensione principale mentre altri oggetti si adattano a riempire spazi variabili.Un uso pratico è un widget bar slider con etichette uniformi su entrambi i lati e una barra slider flessibile che riempie l'intera larghezza tra.
Per impostare un singolo elemento elenco specifico come flessibile, inserisci un UIFlexItem come figlio dell'Articoloflessibile, quindi imposta la sua proprietà FlexMode a Fill , Grow , Shrink o Custom .
