En utilisant des modifieurs d'apparence , vous pouvez encore personnaliser l'apparence de votre .
- Appliquez un gradient au fond d'un objet.
- Appliquez un contour à du texte ou à une bordure.
- Définir cornes arrondies pour un objet.
- Augmenter l'espace de remplissage entre les bords d'un objet.
Gradient
L'objet UIGradient applique un gradient de couleur et de transparence à son parent GuiObject.
Vous pouvez configurer la gradation en :
- Définir ses couleurs par le biais d'un dans la propriété de la gradation .
- Définir sa transparence à travers une propriété de la gradation.
- Choix du point de départ de la gradation (à l'intérieur ou à l'extérieur des limites du parent) via la propriété Offset.
- Choix de l'angle de la gradation à travers la propriété Rotation.
Séquence de couleur
Pour définir la séquence de couleurs d'un gradient :
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.Un pop-up de séquence de couleurs s'affiche.
Chaque triangle sur l'axe inférieur de la séquence de couleurs est un point clé qui détermine la valeur de couleur à ce point.
Cliquez sur un point clé dans la séquence de couleurs, puis cliquez sur le petit carré à côté de Couleur pour ouvrir la fenêtre contextuelle Couleurs .
Sélectionnez la couleur souhaitée pour le point clé.
Si nécessaire, vous pouvez :
- Ajoutez un autre point clé en cliquant n'importe où sur le graphique.
- Faites glisser un point clé existant vers une nouvelle position ou sélectionnez un point clé et entrez une valeur de temps spécifique via l'entrée Temps .
- Supprimez un point clé en le sélectionnant et en cliquant sur le bouton Supprimer .
- Réinitialisez la séquence en cliquant sur le bouton réinitialiser .
透明ité transparence
Pour ajuster la transparence d'un gradient sur toute sa plage :
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.Un pop-up de séquence de nombres s'affiche.
Chaque carré à travers le graphique de séquence numérique est un point clé qui détermine la valeur de transparence à ce point.
Cliquez et faites glisser n'importe quel point de clé autour, ou sélectionnez un point de clé et entrez une combinaison de temps/valeur spécifique à travers les entrées temps et valeur .
Si nécessaire, vous pouvez :
- Ajoutez un autre point clé en cliquant n'importe où sur le graphique.
- Supprimez un point clé en le sélectionnant 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 illustré dans les diagrammes suivants, Offset est basé sur un pourcentage de largeur ou de hauteur du parent , et les valeurs positives ou négatives sont toutes deux valides.
De même, lorsque vous faites pivoter le gradient, les points de contrôle tournerégalement.
Courbe
L'instance UIStroke applique un contour au texte ou à une bordure. Les caractéristiques clés comprennent :
- Capacité de définir l'opacité du trait indépendamment de l'opacité du parent.
- Trois styles d'angle (ronde, biseau ou mitoyenne) (ronde, biseau ou mitoyenne).
- Support du dégradé du tracé à travers l'instance ».
Contour / bord du texte
Selon son parent, UIStroke fonctionne soit comme un contour de texte ou comme une bordure .Lorsque vous parent UIStroke à un objet de texte, cela s'applique à l'aperçu du texte ; lorsque vous parent UIStroke à un autre GuiObjects, cela s'applique à la bordure.
Lorsqu'il est appliqué à un objet de texte, vous pouvez annuler le comportement par défaut du trait par la propriété ApplyStrokeMode, vous permettant d'appliquer le trait aux limites de l'objet au lieu du texte lui-même.Vous pouvez même contrôler l'aperçu du texte et la bordure indépendamment en parentant deux instances UIStroke à un objet de texte, l'une définie sur Contextuel et l'autre sur Bordure .
Épaisseur
Vous pouvez définir la largeur du trait via la propriété Thickness qui est mesurée en pixels à partir des bords extérieurs du parent.
Évitez l'épaississement de la propriété d'une instance appliquée à des objets de texte .Cela rend et stocke de nombreuses tailles de glyphe à chaque cadre, ce qui peut potentiellement provoquer des problèmes de performance ou des clignotements de texte.
Couleur/gradient
Vous pouvez définir la couleur du trait via la propriété Color, ainsi que faire insérer une instance enfante UIGradient pour créer des traits gradués.
Les objets parents et UIStroke peuvent tous deux avoir des instances enfants UIGradient qui vous permettent de définir des gradients sur le contour et le remplissage de manière indépendante.
透明ité transparence
La propriété Transparency défini la transparence du contour indépendamment de la transparence de l'objet parent BackgroundTransparency ou TextTransparency.Cela vous permet de rendre du texte et des bords qui sont « creux » (composés uniquement d'un contour).
Style d'angle
La propriété LineJoinMode vous permet de contrôler la manière dont les coins sont interprétés.Il accepte une valeur de manche , biseau , ou rainure .
Coinces
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 Scale ou Offset .
Scale arrondit les coins à un pourcentage basé sur la longueur totale de l' bords les plus courts du parent, ce qui signifie qu'une échelle de 0.5 ou plus déforme le parent en forme de "pilule", indépendamment de sa largeur ou de sa hauteur.Offset arrondit les coins à un nombre spécifique de pixels , indépendamment de la largeur/hauteur du parent.
Espacement
Un objet A UIPadding applique un espace supérieur, inférieur, gauche et/ou droit aux contenus du parent GuiObject.
Par exemple, vous pouvez déplacer le texte à l'intérieur d'un bouton de texte vers le bas ou vers le haut en appliquant un décalage au bas du bouton.