In confronto a UIListLayout , UIGridLayout e UITableLayout consentono layout più strutturati e organizzati.Queste sono le più appropriate per interfacce come un inventario del negozio in cui ogni oggetto può essere presentato in una griglia di piastrelle di dimensioni uguali, o gli oggetti possono essere ordinati in righe/ colonne correlate.
Disposizione della griglia
UIGridLayout posizioni fratello GuiObjects in una griglia di celle uniformi dello stesso dimensionamento all'interno del loro contenitore padre.Le celle vengono aggiunte per riga o colonna in base al layout di FillDirection fino a quando la prossima cella non si adatta, quindi inizia una nuova riga o colonna.Per un ulteriore controllo, puoi utilizzare la proprietà FillDirectionMaxCells per impostare il numero massimo di celle per riga o colonna.
Per impostazione predefinita, UIGridLayout posizioni fratello GuiObjects in ordine dei loro LayoutOrder dove i valori più bassi vanno prima dei valori più alti, e le posizioni uguali si ordinano a seconda dell'ordine in cui li hai aggiunti.Se cambi il layout di SortOrder a Enum.SortOrder.Name, i fratelli si ordineranno in ordine alfabetico.
Una volta inserito un UIGridLayout, sovrascrive o influenza il Position 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.
UIGridLayout rispetta qualsiasi restrizione che poni sugli oggetti all'interno della griglia.Ad esempio, se un oggetto ha un UISizeConstraint con una proprietà MinSize superiore alla Proprietàdella griglia CellSize, l'oggetto coprirà più celle.
Disposizione della tabella
UITableLayout posizioni fratello GuiObjects e i loro figli in formato tabella.Il predefinito FillDirection di Vertical significa che i fratelli vengono posizionati prima nelle righe e i figli di tali fratelli vengono posizionati orizzontalmente per formare colonne, in modo che ogni cellula all'interno di una riga abbia lo stesso altezza e ogni cellula all'interno di una colonna abbia lo stesso larghezza.
Questo modello imita la struttura standard HTML a riga/colonna:
A meno che tu non abiliti le proprietà di layout FillEmptySpaceColumns o FillEmptySpaceRows , la dimensione del fratello GuiObjects determina le dimensioni delle celle.Ad esempio, un TextLabel di dimensioni UDim2.new(0.25, 0, 0.1, 0) creerà una cellula di tabella di 25% di larghezza e 10% di altezza all'interno del contenitore padre.
Una volta inserito un UITableLayout, sovrascrive o influenza il Position 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.
UITableLayout rispetta e è responsivo a qualsiasi UISizeConstraint che posizioni sugli oggetti all'interno della tabella.Ad esempio, se un oggetto ha un UISizeConstraint con una proprietà MinSize all'interno di una celle di intestazione, il resto delle celle all'interno della colonna avrà le stesse dimensioni dell'intestazione.
Nota che se la proprietà MaxSize limita la dimensione di una cellula dal riempimento dello spazio assegnato di una riga o di una colonna più ampia della cellula, l'oggetto si allinea all'alto a sinistra della cellula.