Les positions UIListLayout des frères et sœurs GuiObjects dans des colonnes horizontales ou des colonnes verticales dans leur conteneur parent.Chaque fois que vous ajoutez ou supprimez un objet frère, le layout s'ajuste en conséquence.
Une fois que vous insérez un UIListLayout , il remplace ou influence le Position , Rotation , et/ou 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.
Remplir la direction
La propriété FillDirection détermine la direction dans laquelle les frères de la mise en page de la liste s'afficheront.
L'ordre est déterminé par la propriété de la mise en page SortOrder qui peut être soit ascendante numérique , basée sur la valeur entière de l'itemLayoutOrder , ou alphanumérique , basée sur la valeur entière de l'itemName.
Pour inverser des éléments, tels que l'ordre de gauche à droite dans une liste horizontale, vous devrez inverser le tri.Par exemple, si quatre articles sont commandés par LayoutOrder de 0 , 1 , 2 , 3 respectivement, négatif chaque valeur pour former une commande de 0 , -1 , -2 , -3 .
Alignement
Les propriétés HorizontalAlignment et VerticalAlignment déterminent respectivement l'alignement X et Y des frères de la liste par rapport les uns aux autres et les limites globales de la liste dans son conteneur.Par exemple, une liste remplie horizontalement avec VerticalAlignment de Center centralise les frères de la liste les uns avec les autres et centre la liste verticalement dans son conteneur.
HorizontalAlignment et VerticalAlignment diffèrent légèrement de l'alignement de la ligne de l'élément dans un flex format, avec lequel vous pouvez aligner des éléments sur la même ligne sans appliquer le même alignement aux limites globales de la liste dans son conteneur.
Emballage
Les contrôles booléens Wraps déterminent si les frères et sœurs dans le conteneur parent s'enveloppent d'une autre ligne lorsque leur taille par défaut dépasse la largeur/hauteur des limites du conteneur.
Espacement
La propriété Padding détermine la quantité d'espace vide entre chaque itemde liste, réglée à une échelle (percentage de la taille du conteneur dans la direction actuelle) ou à un décalage (value d'espacement statique similaire à la taille des pixels).
Cette propriété ne s'applique pas au rembourrage autour des limites globales de la liste ; voir UIPadding pour appliquer le rembourrage supérieur, inférieur, gauche et/ou droit aux contenus du parent.
Dispositions flexibles
Intégrer flex dans un UIListLayout est un moyen puissant de remplir/distribuer équitablement ou aligner/étirer les éléments de la liste sur leur ligne, ou d'intégrer des éléments flex spécifiques sur 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 léger coût de performance au-dessus du non-flex, notamment lors de la redimensionnement de la mise en page ou de l'ajout/suppression dynamique d'éléments flex.
En outre, un 布局网格 peut être préférable lorsque les éléments doivent s'aligner strictement sur une grille dans les directions X et Y , car les grilles imposent une taille de cellule cohérente alors que les flex layouts peuvent utiliser un nombre variable d'éléments par ligne.
Remplissage ou distribution égale
Lorsque la direction de remplissage de la liste est définie sur , la propriété spécifie comment distribuer de l'espace horizontal supplémentaire dans le conteneur parent.De même, lorsque la direction de remplissage est définie à Vertical , la propriété VerticalFlex spécifie comment distribuer de l'espace vertical supplémentaire.
Une utilisation pratique de HorizontalFlex est une interface à onglets où flex remplit la barre d'onglets de manière égale, indépendamment du nombre d'onglets.Aucune approche n'est plus simple que 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 s'ajuste automatiquement si le nombre d'onglets change.
Alignement de la ligne d'objet
La propriété ItemLineAlignment définit l'alignement transversal des frères dans une ligne, vous permettant d'aligner des objets de différentes largeurs/hauteurs ou de remplir toute leur ligne avec des objets de moins largeur/hauteur.
Un cas d'utilisation pratique pour ItemLineAlignment est d'étirer une série de tuiles de taille inégale pour remplir toute leur rangée ( Stretch ), ce qui rend le layout plus cohérent.
Flexifier des articles individuels
Bien que flexionner tout un layout soit une puissante utilité, certains layouts sont plus adaptés à la flexion de chaque élément individuel .Dans de tels布局, certains éléments de la liste maintiennent leur taille principale alors que d'autres éléments s'adaptent pour remplir des espaces variables.Un usage pratique est un widget de barre de défilement avec des étiquettes uniformes sur les deux extrémités et une barre de défilement flexible qui remplit toute la largeur entre les deux extrémités.
Pour définir un élément de liste spécifique comme flexible, insérez un UIFlexItem comme enfant de l'itemflexible, puis définissez sa propriété FlexMode à Fill, Grow, Shrink ou Custom.
