En comparaison de UIListLayout , UIGridLayout et UITableLayout permettent des plans plus structurés et organisés.Ceux-ci sont les plus appropriés pour des interfaces comme un inventaire de boutique où chaque article peut être présenté dans une grille de tuiles de taille égale, ou les articles peuvent être triés en colonnes/lignes liées.
Disposition en grille
UIGridLayout positions frères GuiObjects dans une grille de cellules uniformes de la même taille dans leur conteneur parent.Les cellules sont ajoutées par rangée ou colonne en fonction du layout de FillDirection jusqu'à ce que la cellule suivante ne s'y adapte pas, puis une nouvelle rangée ou colonne commence.Pour un contrôle plus poussé, vous pouvez utiliser la propriété FillDirectionMaxCells pour définir le nombre maximum de cellules par rangée ou colonne.
Par défaut, UIGridLayout positions frères GuiObjects dans l'ordre de leurs LayoutOrder où les valeurs inférieures vont avant les valeurs plus élevées, et les valeurs égales s'organisent en fonction de l'ordre dans lequel vous les avez ajoutées.Si vous modifiez la disposition SortOrder à Enum.SortOrder.Name , les frères et sœurs se trient par ordre alphabétique.
Une fois que vous insérez un UIGridLayout , il remplace ou influence le Position et/ou le Size de tous les objets d'interface utilisateur frères, de sorte que les modifications de ces propriétés dans la fenêtre Propriétés ou dans un script n'auront pas l'effet normal.
UIGridLayout respecte toute contrainte que vous placez sur les objets dans la grille.Par exemple, si un objet a un UISizeConstraint avec une propriété MinSize supérieure à la propriété de la grille CellSize, l'objet s'étendra sur plusieurs cellules.
Disposition de la table
UITableLayout positions frères et sœurs GuiObjects et leurs enfants en format de table.La valeur par défaut FillDirection de Vertical signifie que les frères et sœurs sont d'abord positionnés dans des colonnes, et les enfants de ces frères et sœurs sont positionnés horizontalement pour former des colonnes, de sorte que chaque cellule dans une colonne a la même hauteur et chaque cellule dans une colonne a la même largeur.
Ce modèle imite la structure de colonne/ligne HTML standard :
À moins que vous n'activiez les propriétés FillEmptySpaceColumns ou FillEmptySpaceRows du layout, la taille du frère GuiObjects determine les dimensions des cellules.Par exemple, un TextLabel de taille UDim2.new(0.25, 0, 0.1, 0) créera une cellule de table de 25% de largeur et de 10% de hauteur à l'intérieur du conteneur parent.
Une fois que vous insérez un UITableLayout , il remplace ou influence le Position et/ou le Size de tous les objets d'interface utilisateur frères, de sorte que les modifications de ces propriétés dans la fenêtre Propriétés ou dans un script n'auront pas l'effet normal.
UITableLayout respecte et est réactif à tout UISizeConstraint que vous placez sur des objets dans la table.Par exemple, si un objet a un UISizeConstraint avec une propriété MinSize dans une cellule de tête, le reste des cellules dans la colonne aura la même taille que la cellule de tête.
Notez que si la propriété MaxSize limite la taille d'une cellule de remplir l'espace alloué d'une colonne ou d'une ligne plus large que la cellule, l'objet s'alignera en haut à gauche de la cellule.