Groupe de boutons — MRTK3

Les groupes de boutons flexibles et réactifs sont faciles à créer à l’aide du nouveau système de disposition basé sur Canvas. Auparavant, les utilisateurs devaient utiliser le ObjectBar script pour disposer une collection d’enfants le long d’un seul axe, et chaque enfant devait être ajouté manuellement à la ObjectBarliste des enfants gérés.

Avec l’expérience utilisateur basée sur Canvas, vous pouvez tirer parti du système de disposition basé sur RectTransform intégré pour créer et gérer facilement des lignes, des colonnes et des grilles de composants d’interface utilisateur. Les barres de boutons et les grilles peuvent être générées à l’aide des HorizontalLayoutGroupcomposants , VerticalLayoutGroupet GridLayoutGroup UnityUI. Les enfants sont automatiquement disposés en fonction des contraintes, du remplissage et des options configurées dans le groupe de disposition.

Barre de boutons

Pour créer une « barre » horizontale ou verticale de boutons (ou d’autres contrôles d’interface utilisateur !) vous pouvez créer une disposition simple à l’aide HorizontalLayoutGroupde , VerticalLayoutGroupou ContentSizeFitter.

Notez que les enfants de ces composants de disposition automatique doivent avoir un LayoutElement composant pour informer le moteur de disposition des tailles minimales et préférées pour chaque enfant. Nos préfabriqués button sont préinstallés avec ces composants, mais vous devrez peut-être les ajouter à vos propres contrôles personnalisés ou personnaliser le dimensionnement minimal et préféré en fonction de vos besoins.

Grille de bouton

Pour créer une grille flexible de boutons, la même disposition et la même conception à partir de la barre de boutons s’appliquent, mais un GridLayoutGroup est utilisé à la place.

Pour ajuster le nombre de lignes ou de colonnes, sélectionnez le type de contrainte souhaité.

• Le nombre de colonnes fixe spécifie le nombre de colonnes. Le nombre de lignes est redistribué en fonction du nombre d’éléments de la collection.
• Le nombre de lignes fixe spécifie le nombre de colonnes. Le nombre de lignes est redistribué en fonction du nombre d’éléments de la collection.
• Flexible entraîne un nombre flexible de lignes ou de colonnes, en fonction des types d’ajustement sélectionnés dans .ContentSizeFitter Preferred size La sélection des deux types d’ajustement dans le ContentSizeFitter, ainsi qu’une Flexible contrainte de grille, entraîne une disposition de grille qui tente d’être principalement carrée/paire, mais ajoute des lignes ou des colonnes en conséquence si nécessaire.

Pour plus d’informations sur l’utilisation du système de disposition UnityUI, vous pouvez consulter la documentation ici.