Tableaux et grilles | Documentation

En comparaison avec UIListLayout , UIGridLayout et UITableLayout, ces derniers permettent de meilleurs tableaux de bord plus structurés et organisés. Ils sont les plus appropriés pour les interfaces comme un inventaire de boutique où chaque article peut être présenté dans un grille de tailles égales, ou les articles peuvent être triés en fonction de leurs relations ou colonnes/ colonnes.

Mise en grille

UIGridLayout positions frère GuiObjects dans un grille d'unités uniformes du même diamètre dans leur conteneur parent. Les cellules sont ajoutées par rangée ou colonne basé sur la direction de la disposition

Par défaut, UIGridLayout positionne frère GuiObjects dans l'ordre de leur LayoutOrder où les valeurs inférieures vont avant les valeurs supérieures, et les valeurs ég

Une fois que vous avez inséré un UIGridLayout, il soit soit dérive ou influence le Position et/ou Size de tous les objets d'interface utilisateur frère du onglet 2> propriétés2> dans la fenêtre ou dans un script, de sorte que les modifications de ces propriétés dans la 5> propriétés5> fenêtre ou dans un script n

UIGridLayout respecte n'importe quelle contrainte que vous placez sur les objets dans le réseau. Par exemple, si un objet a un UISizeConstraint avec une propriété 0> Class.UISizeConstraint.MinSize|MinSize0> supérieure à la taille de la grille, l

Tableau de bord

UITableLayout positions frère et sœur GuiObjects et leurs enfants dans le format de la table. Le paramètre par défaut FillDirection de 0> Enum.FillDirection|Vertical0> signifie que les frères sont positionnés en premier

Ce modèle imite la structure de rangée/colonne HTTP standard :


<table>
	<tbody>
		<tr> <!-- Row1 -->
			<td>Label 1</td> <!-- TextLabel1 -->
			<td>Label 2</td> <!-- TextLabel2 -->
			<td>Label 3</td> <!-- TextLabel3 -->
		</tr>
		<tr> <!-- Row2 -->
			<td>Label 4</td> <!-- TextLabel4 -->
			<td>Label 5</td> <!-- TextLabel5 -->
			<td>Label 6</td> <!-- TextLabel6 -->
		</tr>
		<tr> <!-- Row3 -->
			<td>Label 7</td> <!-- TextLabel7 -->
			<td>Label 8</td> <!-- TextLabel8 -->
			<td>Label 9</td> <!-- TextLabel9 -->
		</tr>
	</tbody>
</table>

À moins que vous activiez les propriétés FillEmptySpaceColumns ou FillEmptySpaceRows de la tail

Une fois que vous avez inséré un UITableLayout, il soit soit dérive ou influence le Position et/ou Size de tous les objets d'interface utilisateur frère, afin que les modifications dans ces propriétés dans la 2> fenêtre propriétés2> ou dans un script n'ayent pas l'effet normal.

UITableLayout respecte et réagit à tout moment sur n'importe lequel UISizeConstraint que vous placez sur les objets dans la table. Par exemple, si un objet a un UISizeConstraint avec une propriété 0> Class.UISizeConstraint.MinSize|MinSize0> dans une cellule d'en-

Remarquez que si la propriété MaxSize restreint la taille d'une cellule en remplissant l'espace alloué d'une rangée ou d'une colonne qui est plus large que la cellule, l'objet s'alignera sur le haut à gauche de la cellule.