En plus des tailles de base de l'objet, vous pouvez utiliser des modificateurs de taille pour redimensionner un objet de manière proportionnelle ou redimensionner automatiquement. Vous pouvez également insérer des 2> contraintes de taille2> pour contrôler la 5>Ratio de l'aspect5> ou 8>Redimensionner le texte</
Échelle
Un objet UIScale stocke une valeur numérique qui multiplie la propriété AbsoluteSize de l'objet parent GuiObject. Par exemple, si vous voulez qu'un objet soit deux fois plus grand que ce qu'
Ce modificateur est utile pour "zoomer dans" lorsque vous concevez une interface utilisateur détaillée dans Studio, car il met à l'échelle proportionnellement la forme et tous ses enfants, y compris tous les modificateurs d'apparence appliqués, comme Class.UIStroke ou UIStroke. Il est également utile de tweener</
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, y compris :
- Permettre aux utilisateurs d'entrer du texte dans un Class.Toolbar pour ajuster automatiquement sa taille en fonction du nombre de texte saisi.
- Ajustement automatique de la taille des objets de texte en utilisant marquage de texte riche, y compris le type de police et la taille.
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 la direction dans laquelle le 1> Class.GuiObject1> redimensionne pour s'adapter à son contenu
ScrollingFrame utilise la propriété AutomaticCanvasSize au lieu de AutomaticSize . Il se comporte de la même façon mais réduit la taille du cadre 0> Class.ScrollingFrame.CanvasSize|CanvasSize 0>, non pas sa base <
Pour activer la mise à l'échelle automatique :
Dans la fenêtre Explorateur, cliquez sur n'importe lequel de GuiObject, comme un Frame, 1> Class.Toolbar1> ou 4> Class.ImageLabel4>.
Dans la fenêtre propriétés, naviguez à la AutomaticSize ( Class.ScrollingFrame.AutomaticCanvasSize|AutomaticCanvasSize pour 2> Class.ScrollingFrame2> ) et définissez-le comme l'une des options suivantes :
- X — Redimensionne le contenu horizontalement.
- Y — Redimensionne le contenu verticalement.
- XY — Redimensionne le contenu horizontalement et verticalement.
Une fois la taille automatique configurer, remarquez que d'autres propriétés d'objet se comportent comme suivant :
Semblable au concept de taille un objet, AutomaticSize prend la propriété AnchorPoint en considération lors du redimensionnement du contenu. Par exemple, la vidéo suivante affiche trois 1> Class.TextLabel|TextLabels1> qui se réduit automatiquement de leur point d'ancrage.
- La balise supérieure a une valeur AnchorPoint de (0, 0.5) qui l'ancre au milieu de la gauche.
- La balise centrale a une valeur de AnchorPoint de (0.5, 0.5) qui la fixe au centre.
- La dernière étiquette a une valeur AnchorPoint de (1, 0.5) qui la fixe au milieu de la droite.
Contraintes
Il y a trois types de contraintes que vous pouvez utiliser pour un objet d'interface utilisateur : taille , taille du texte et 1> ratio d'aspect1> . Pour utiliser une contrainte, vous devez la définir en tant qu'enfant de la 4> Class.GuiObject4> que vous souhaitez contraindre.
Taille
Le UISizeConstraint spécifie une taille minimum et maximale pour un GuiObject . Ce contrôle garantit que le GuiObject ne devient pas trop petit ou trop grand sur différentes tailles d'écran.
Par exemple, si vous avez défini la propriété MinSize à (200, 200) et la propriété Class.UISizeConstraint.MaxSize|
Lorsqu'un objet d'interface est sous le contrôle d'une structure de niveau telles qu'une UIListLayout et d'un UISizeConstraint, la contrainte 覆盖 la disposition et contrôle la taille de l'objet.
Taille du texte
Le UITextSizeConstraint spécifie une taille de police minimum et maximale pour un GuiObject avec du texte, comme un TextLabel, 1> Class.TextButton1> ou 4> Class.Toolbar4>. Ce contr
Si vous activez la propriété TextScaled de l'élément parent GuiObject, 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 MinTextSize et
Par exemple, l'objet suivant TextLabel a un UITextSizeConstraint avec une valeur MinTextSize de 2>502> et une valeur 5>80
Ne utilisez pas de valeurs de propriété MinTextSize inférieures à 9 ou le texte sera difficile à lire pour de nombreux lecteurs.
Ratio de l'aspect
Le UIAspectRatioConstraint impose une proportion de largeur à hauteur sur un Class.GuiObject indépendamment de sa taille de base, même si sa taille est défin
Définir ce contrainte's AspectRatio par défaut de 1 ( 1:1 ) est un moyen pratique de prévenir l'échelle/l'étirement non proportionnel d'un 1> Class.ImageLabel1> avec un contenud'image carrée, comme une 4>min
Lorsqu'un objet d'interface est sous le contrôle d'une structure de niveau comme UIListLayout et d'un UIAspectRatioConstraint, la contrainte écrasera la disposition et contrôlera la taille de l'objet.