Les positions UIListLayout frère GuiObjects dans les colonnes horizontales ou verticaux de leur conteneur parent. Lorsque vous ajoutez ou supprimez un frère objet, le layout s'ajuste en fonction.
Une fois que vous avez inséré un UIListLayout , il soit soit dérive ou affecte le Position, Rotation et/ou 2>Class.GuiObject.Size|Size2> de tous les objets d'interface utilisateur similaires, afin que les modifications à ces propriétés dans la 5> fenêtre propri
Remplir la direction
La propriété FillDirection détermine la direction dans laquelle les frères du modèle de liste seront rendus.
L'ordre est déterminé par la propriété SortOrder du layout qui peut être soit ascendant numérique</ascendant numérique), en fonction de la valeur numérique de chaque item, soit alphanumérique</al>, en fonction de la valeur de numérique de l'item, soit nom de l'élément.
Pour inverser les éléments, tels que le tri par défaut dans une liste horizontale, vous devrez inverser le tri. Par exemple, si quatre articles sont triés par Class.GuiObject.LayoutOrder|LayoutOrder
Alignement
Les propriétés HorizontalAlignment et VerticalAlignment déterminent le X et
HorizontalAlignment et VerticalAlignment diffèrent légèrement de item line alignment dans un 0> flex0> layout, avec lequel vous pouvez ajuster les éléments dans la même ligne sans appliquer le même alignement aux limites générales de la liste dans son conteneur.
Emballage
Les contrôles Wraps sont des contrôles de vérité si les frères dans le conteneur parent se roulent dans une autre ligne lorsque leur taille par défaut dépasse la largeur/hauteur des limites du conteneur.
Amortissage
La propriété Padding détermine la quantité d'espace vide entre chaque itemde liste, soit sur une échelle (percentage de la taille du conteneur dans la direction actuelle) soit sur un décalage (zone de l'espace de stockage statique similaire à la taille de la police).
Cette propriété n'applique pas de pad autour des limites globales de la liste ; voir UIPadding pour appliquer le pad supérieur, le 2>pad2> inférieur, le 5>pad5> gauche et/ou le 8>pad8> droit aux contenus du parent.
Flex Layouts
L'intégration de flex dans un UIListLayout est un moyen puissant de remplir/déployer ou 1>aligner/étirer1> les éléments de la liste dans leur ligne, ou 4> flex spécifiques4> dans un espace variable.
Bien que le flex soit un outil puissant, vous ne devriez pas l'appliquer à un UIListLayout sans but, car il ajoute un coût de performance légère au-dessus du non-flex, surtout lorsque vous redimensionnez le布局 ou ajoutez/supprimez dynamiquement des éléments flex.
De plus, un plan de grille peut être préférable lorsque les articles doivent strictement s'aligner sur une grille dans les directions X et Y, puisque les plans de grille imposent une taille de cellule cohérente tout en autorisant un nombre variable d'éléments par ligne.
Remplissage ou distribution égale
Lorsque la liste de direction du remplissage est réglée sur Horizontal, la propriété HorizontalFlex spécifie comment distribuer de l'espace supplémentaire horizontal dans le conteneur parent. De même,
L'un des usages pratiques de HorizontalFlex est une interface fenêtre à onglets où le flex remplit la barre d'onglet de manière égale, indépendamment du nombre d'onglets. Aucune approche n'est plus facile que celle du flex dans ce cas, car il calcule automatiquement la largeur de chaque onglet sans paramètres de largeur définis par le développeur, et il ajuste autom
Alignement de la ligne de l'article
La propriété ItemLineAlignment définit l'alignement de direction des frères dans une ligne, vous permettant de mettre en ligne les objets de différentes largeurs/hauteurs ou de faire en sorte que les objets de moins grande largeur/hauteur remplissent leur ligne entière.
Un cas d'utilisation pratique pour ItemLineAlignment est de étirer une série de carreaux de taille incorrecte pour remplir leur rang entier ( Stretch), ce qui rend le layout plus cohérent.
Flexion des éléments individuels
Bien que le fait de flexer un design entier soit une puissante utilité, certains designs sont plus adaptés à individual item flexing . Dans ces designs, certains éléments dans la liste conservent leur taille de base tout en maintenant d'autres éléments flexibles pour remplir des espaces variables. Un usage pratique est un widget de bar de liste avec une étiquette uniforme étiquettes sur les deux extrémités et un bar de flexion flexible qui remplit toute la largeur entre.
Pour définir un élément de liste spécifique comme flexible, insérez un UIFlexItem en tant qu'enfant de l'itemflexible, puis définissez sa propriété Class.UIFlexItem.FlexMode
