En utilisant modificateurs d'apparence , vous pouvez également personnaliser l'apparence de votre GuiObjects .
- Appliquez un gradient à l'arrière-plan d'un objet.
- Appliquez un stylo à la police ou à la frontière.
- Définir les coins arrondis pour un objet.
- Augmenter le coussinage entre les limites d'un objet.
Gradient
L'objet UIGradient applique un color et un gradient de transparence à son parent GuiObject.
Vous pouvez configurer le gradient en :
- Définir ses couleurs à travers un ColorSequence dans la propriété degradé de Color.
- Définir sa transparence à travers un NumberSequence dans la propriété Transparency du gradateur.
- Choosing the gradient's starting point (inside or outside the parent's boundaries) through the Offset propriété.
- Choosing the angle of the gradient through the Rotation propriété.
Séquence de couleurs
Pour définir la séquence de couleur d'un gradateur :
Dans la fenêtre Explorateur , sélectionnez le UIGradient.
Dans la fenêtre propriétés , cliquez à l'intérieur du champ de propriété Couleur , puis cliquez sur le bouton … à droite de la boîte de modélisationde saisie. Une séquence de couleurs s'affiche.
Chaque triangle sur l'axe inférieur de la séquence de couleurs est un point d'accès clé qui détermine la valeur de couleur à ce moment.
Cliquez sur un point d'arrêt dans la séquence de couleurs, puis cliquez sur le petit carré à côté de Couleur pour ouvrir la fenêtre contextuelle des couleurs .
Sélectionnez la couleur souhaitée pour le point d'accès.
Si nécessaire, vous pouvez :
- Ajoutez un autre point d'intérêt en cliquant n'importe où sur le graph.
- Faites glisser un point de clé existant dans une nouvelle position, ou sélectionnez un point de clé et entrez une valeur de temps spécifique via l'entrée Temps .
- Supprimez un point d'accès en sélectionnant-le et en cliquant sur le bouton Supprimer .
- Réinitialisez la séquence en cliquant sur le bouton Réinitialiser .
Transparence
Pour ajuster la transparence d'un gradient dans sa gamme :
Dans la fenêtre Explorateur , sélectionnez le UIGradient.
Dans la fenêtre propriétés , cliquez à l'intérieur du champ de propriété Transparence , puis cliquez sur le bouton … à droite de la boîte de modélisationde saisie. Une séquence de numéros s'affiche.
Chaque carré de la séquence de numéros est un point clé qui détermine la valeur de transparence à ce moment.
Cliquez et faites glisser n'importe quel point d'accès autour, ou sélectionnez un point d'accès et entrez une combinaison de temps/valeur spécifique via les entrées temps et valeur .
Si nécessaire, vous pouvez :
- Ajoutez un autre point d'intérêt en cliquant n'importe où sur le graph.
- Supprimez un point d'accès en sélectionnant-le et en cliquant sur le bouton Supprimer .
- Réinitialisez la séquence en cliquant sur le bouton Réinitialiser .
Décalage et rotation
Les propriétés Offset et Rotation vous permettent d'ajuster les points de contrôle du gradient et son angle. Comme indiqué dans les diagrammes suivants, Offset est basé sur un 2> pourcentage2> de la largeur ou de la hauteur de la parent, et
De même, lorsque vous faites pivoter le gradient, les points de contrôle tournerégalement.
Coupe
L'instance UIStroke applique une contour à texte ou à une bordure. Les fonctionnalités clés incluent :
- ajustable la couleur et la épaisseur de l'aiguille de contour.
- Capacité de définir la transparence du pinceau indépendamment de la transparence du parent.
- Trois styles d'angles (rond, bevel ou miter).
- Stroke gradient support via l'instance UIGradient.
Contours / Bordure
En fonction de son parent, UIStroke fonctionne comme un bordure de texte ou comme un bordure . Lorsque vous parent 1> Class.UIStroke1> à un objet de texte, il s'applique à l'ours de l'ours ; lorsque vous parent 4> Class.UIStroke
Lorsqu'il est appliqué à un objet de texte, vous pouvez modifier le comportement de dessin par défaut de l'objet ApplyStrokeMode en appliquant la propriété UIStroke , ce qui vous permet d'appliquer le dessin à la limite de l'objet au lieu du
Épaisseur
Vous pouvez définir la largeur du pinceau à travers la propriété Thickness qui est mesurée en pixels à partir des bords extérieurs du parent.
Couleur/gradient
Vous pouvez définir la couleur du pinceau à travers la propriété Color, ainsi que d'insérer une instance enfant UIGradient pour créer des couleurs de pinceau.
Les objets parent et UIStroke peuvent tous les deux avoir des instances enfants, vous permettant de définir desgradients sur le UIGradient et le remplissage indépendamment.
Transparence
La propriété Transparency définie la transparence du stroke indépendamment de la transparence parent objet's BackgroundTransparency ou TextTransparency. Cela vous permet de rendre les textes et les contours qui sont «hollow» (consistent en un contour).
Style d'angle
La propriété LineJoinMode vous permet de contrôler comment les coins sont interprétés. Elle accepte une valeur de Round , Bevel ou 1>Miter1>.
Angles
L'instance UICorner applique la déformation à tous les quatre coins de son parent GuiObject . Vous pouvez contrôler le rayon appliqué via la propriété CornerRadius en utilisant soit 1> Datatype.UDim.Scale|Scale1> ou 4> Datatype.UD
Scale mange les coins à un pourcentage basé sur la longueur totale de l' bord le plus court de l' parent, ce qui signifie que une échelle de 0> 0.50> ou sup
Datatype.UDim.Scale|Scale = 0 · Datatype.UDim.Offset|Offset = 2> 322> · ·
Datatype.UDim.Scale|Scale = 0 · Datatype.UDim.Offset|Offset = 2> 642> · ·
Amortissage
Un objet UIPadding s'applique à la fois au-dessus, en bas, à gauche et/ou à droite du contenu du parent GuiObject .
Par exemple, vous pouvez déplacer le texte à l'intérieur d'un bouton textuel vers le bas ou le haut en appliquant un décalage à la base du bouton.