En plus de la taille de base des objets d'interface utilisateur, vous pouvez utiliser des modificateurs de taille pour écheler un objet proportionnellement ou le redimensionner automatiquement .Vous pouvez également insérer contraintes de taille pour contrôler la proportion d'aspect ou définir une taille minimale et maximale ou une taille de texte minimale et maximale .
Échelle
Un objet UIScale stocke une valeur numérique qui multiplie la propriété AbsoluteSize du parent GuiObject.Par exemple, si vous voulez qu'un objet soit deux fois plus grand qu'il ne l'est actuellement, vous pouvez insérer un objet UIScale avec une propriété Scale de 2.
Ce modifieur est utile pour "zoomer" pendant la conception d'une interface utilisateur détaillée dans Studio, car il échelle proportionnellement l'objet et tous ses enfants, y compris tout modifieur d'apparence appliqué comme ou .Il est également utile de tweener la taille d'un objet, par exemple pour augmenter légèrement la taille d'un bouton lorsque le joueur passe sa souris dessus.
Taille automatique
La propriété AutomaticSize redimensionne automatiquement un parent GuiObject à la taille de ses descendants.Vous pouvez utiliser cette propriété dans une variété de cas, notamment :
- Permettre aux utilisateurs de saisir du texte dans un TextBox, ajustant automatiquement sa taille en fonction de la quantité de texte saisi.
- Ajustement automatique de la taille des objets de texte en utilisant le marquage de texte enrichi, y compris le type et la taille de la police.
Vous pouvez activer la propriété AutomaticSize pour n'importe quel GuiObject.Par défaut, il est réglé sur None , mais vous pouvez modifier sa valeur pour avoir un contrôle spécifique sur laquelle les GuiObject redimensionnent leur contenu.
ScrollingFrame utilise la propriété AutomaticCanvasSize au lieu de AutomaticSize.Il se comporte de la même manière, mais redimensionne le CanvasSize de la框, pas sa base Size.
Pour activer la taille automatique :
Dans la fenêtre Explorateur, cliquez sur n'importe lequel de GuiObject, comme un Frame, TextBox ou ImageLabel.
Dans la fenêtre propriétés, naviguez vers la propriété AutomaticSize ( AutomaticCanvasSize pour ScrollingFrame ) et définissez-la sur l'une des options suivantes :
- X — Redimensionne le contenu horizontalement.
- Y — Redimensionne le contenu verticalement.
- XY — Redimensionne le contenu à la fois horizontalement et verticalement.
Une fois la taille automatique configurer, notez que les propriétés d'autres objets se comportent comme suit :
Semblable au concept de redimensionnement d'un objet, AutomaticSize prend en compte la propriété AnchorPoint lors de la redéfinition du contenu.Par exemple, la vidéo suivante affiche trois TextLabels qui redimensionnent automatiquement à partir de leur point d'ancrage.
- La balise supérieure a une valeur AnchorPoint de (0, 0.5) qui l'ancre au milieu du côté gauche.
- La balise du milieu a une valeur AnchorPoint de (0.5, 0.5) qui l'ancre au centre.
- La balise du bas a une valeur AnchorPoint de (1, 0.5) qui l'ancre au milieu du côté droit.
Contrôles
Il existe trois types de contraintes que vous pouvez utiliser pour un objet d'interface utilisateur : taille , taille du texte et rapport aspect .Pour utiliser une contrainte, vous devez la définir comme un enfant de la GuiObject que vous voulez contraindre.
Taille
Le UISizeConstraint spécifie une taille minimale et maximale pour un GuiObject .Cette contrainte garantit que le GuiObject ne devient pas trop petit ou trop grand sur différentes tailles d'écran.
Par exemple, si vous définissez la propriété MinSize à (200, 200) et la propriété MaxSize à (400, 400) , la propriété GuiObject ne peut pas être inférieure à 200×200 pixels ou supérieure à 400×400 pixels.
Lorsqu'un objet d'interface utilisateur est sous le contrôle de deux structures de mise en page telles que UIListLayout et UISizeConstraint, la contrainte remplacera la mise en page et contrôlera la taille de l'objet.
Taille du texte
Le UITextSizeConstraint spécifie une taille de police minimale et maximale pour un GuiObject avec du texte, comme un TextLabel , TextButton ou TextBox .Cette contrainte garantit que le texte à l'intérieur d'un GuiObject.
Si vous activez la propriété de la partie supérieure , la taille du texte s'adapte à la taille du conteneur et respecte les contraintes même si l'objet devient plus petit ou plus grand que les valeurs et ».
Par exemple, l'objet suivant TextLabel a une valeur UITextSizeConstraint avec une valeur MinTextSize de 50 et une valeur MaxTextSize de 80 .Même lorsque la TextLabel devient plus petite, la police ne devient jamais plus petite que 50 pixels, et lorsque l'objet devient grand, la police suivante dépasse 80 pixels.
Ne pas utiliser les valeurs de propriété MinTextSize inférieures à 9 ou le texte sera difficile à lire pour de nombreux lecteurs.
Ration d'aspect
Le impose un rapport de largeur à hauteur de sur une indépendamment de sa taille principale, même si cette taille est définie comme un pourcentage de sa parent.Par exemple, insérer cette contrainte en tant qu'enfant d'un et définir la propriété de la contrainte à ( > ) garde la largeur du cadre à deux fois celle de sa hauteur.De même, le réglage de la propriété AspectRatio de cette contrainte à 0.5 ( 0.5:1 ) maintient la largeur du cadre à moitié de sa hauteur.
Définir cette contrainte de AspectRatio à la valeur par défaut de 1 ( 1:1 ) est un moyen pratique d'empêcher une élongation/étirement non proportionnel d'un ImageLabel avec une ressource d'image carrée, comme une vignette d'avatar .
Lorsqu'un objet d'interface utilisateur est sous le contrôle de deux structures de mise en page telles que UIListLayout et UIAspectRatioConstraint, la contrainte remplacera la mise en page et contrôlera la taille de l'objet.