Utilisation des composants > Personnalisation de la couleur et du texte des composants > Modification des propriétés de composants spécifiques

 

Modification des propriétés de composants spécifiques

Vous pouvez créer des formats de style personnalisés pour définir un ensemble unique de propriétés pour des composants spécifiques de votre document Flash. Le constructeur d'objet FStyleFormat sert à créer une nouvelle occurrence de l'objet FStyleFormat, à définir votre format de style personnalisé et à définir les propriétés et les valeurs de ce format. L'objet FStyleFormat est accessible si vous avez placé au moins une occurrence de composant sur la scène. Il est recommandé d'utiliser un calque distinct dans le scénario du document pour la définition des propriétés.

Pour apporter des modifications à un format de style personnalisé, procédez de la même manière que pour modifier les propriétés du format de style global. Au lieu du nom d'objet globalStyleFormat, utilisez le nom d'objet FStyleFormat. Pour plus d'informations, consultez Modification des propriétés de tous les composants d'interface utilisateur de Flash.

L'objet FStyleFormat possède trois méthodes en plus de la méthode constructeur :

FStyleFormat.applyChanges applique les changements aux propriétés du format de style personnalisé que vous avez créé.

FStyleFormat.addListener affecte les composants au format de style.

FStyleFormat.removeListener retire les composants du format de style.

Pour plus d'informations, consultez FStyleFormat (objet) dans le dictionnaire ActionScript.

Le tableau suivant résume les propriétés de l'objet FStyleFormat. Pour plus d'informations et une description de chaque propriété, consultez les entrées correspondantes dans le dictionnaire ActionScript. Vous pouvez définir ou modifier n'importe quelle propriété de l'objet FStyleFormat dans le format de style global, ou dans des formats de style personnalisés que vous créez.

Récapitulatif des propriétés de l'objet FStyleFormat

Propriété

Description

FStyleFormat.arrow

La couleur de la flèche utilisée dans les barres de défilement et les listes déroulantes.

FStyleFormat.background

La couleur de la portion d'arrière-plan des composants.

FStyleFormat.backgroundDisabled

La couleur de la portion d'arrière-plan des composants désactivés.

FStyleFormat.check

La couleur de la coche d'une case à cocher sélectionnée.

FStyleFormat.darkshadow

La couleur de la bordure intérieure ou de la portion ombrée d'un composant.

FStyleFormat.face

La couleur principale d'un composant.

FStyleFormat.foregroundDisabled

La couleur de premier plan d'un composant désactivé.

FStyleFormat.highlight

La couleur de la bordure intérieure ou de la portion ombrée sombre d'un composant sélectionné.

FStyleFormat.highlight3D

La couleur de la bordure extérieure ou de la portion ombrée claire d'un composant sélectionné.

FStyleFormat.radioDot

La couleur du point d'un bouton radio sélectionné.

FStyleFormat.scrollTrack

La couleur du rail d'une barre de défilement.

FStyleFormat.selection

La couleur de la barre de sélection utilisée pour sélectionner un élément de liste dans un composant.

FStyleFormat.selectionDisabled

La couleur de la barre de sélection utilisée pour sélectionner un élément de liste dans un composant désactivé.

FStyleFormat.selectionUnfocused

La couleur de la barre de sélection (mise en surbrillance) lorsque le composant n'a pas le focus clavier.

FStyleFormat.shadow

La couleur de la bordure extérieure ou de la portion ombrée claire d'un composant.

FStyleFormat.textAlign

Spécifie l'alignement à gauche, à droite ou au centre pour le texte affiché dans, ou sur, un composant.

FStyleFormat.textBold

Spécifie si le texte apparaît en gras (true) ou non (false).

FStyleFormat.textColor

La couleur des éléments non sélectionnés d'un composant.

FStyleFormat.textDisabled

La couleur du texte d'un composant désactivé.

FStyleFormat.textFont

Le nom de la police utilisée pour afficher le texte.

FStyleFormat.textIndent

L'indentation du texte, de la marge gauche au premier caractère du texte, en pixels.

FStyleFormat.textItalic

Spécifie si le texte apparaît en italique (true) ou non (false).

FStyleFormat.textLeftMargin

La marge gauche du paragraphe, en pixels.

FStyleFormat.textRightMargin

La marge droite du paragraphe, en pixels.

FStyleFormat.textSelected

La couleur d'un élément sélectionné dans un composant.

FStyleFormat.textSize

La taille du texte, en points.

FStyleFormat.textUnderline

Spécifie si le texte apparaît en souligné (true) ou non (false).


Pour créer un format de style personnalisé pour des composant spécifiques :

1

Assurez-vous que le document contient au moins une occurrence de composant. Pour plus d'informations, consultez Ajout de composants aux documents Flash.

2

Créez et nommez un calque dans le scénario.

3

Sélectionnez une image du nouveau calque.

4

Ouvrez le panneau Actions en mode Expert.

5

Utilisez la syntaxe suivante pour créer une occurrence de l'objet FStyleFormat et définir le nouveau format de style personnalisé :

var monFormatDeStyle = new FStyleFormat();

6

Dans le même volet Script que ci-dessus, utilisez la syntaxe suivante pour définir les propriétés que vous voulez définir pour l'objet monFormatDeStyle :

monFormatDeStyle.arrow  = 0x333300;
monFormatDeStyle.background = 0xffffff;
monFormatDeStyle.backgroundDisabled  = 0xccffcc;
monFormatDeStyle.darkshadow = 0x333300;
monFormatDeStyle.foregroundDisabled  = 0x999999;
monFormatDeStyle.face = 0x99cc99;
monFormatDeStyle.textSize = 12
monFormatDeStyle.highlight = 0x99cc00;
monFormatDeStyle.highlight3D  = 0x333300;
monFormatDeStyle.radioDot = 0x333300;
monFormatDeStyle.scrollTrack = 0x99cc99;
monFormatDeStyle.selection = 0x333300;
monFormatDeStyle.selectionDisabled = 0x999999;
monFormatDeStyle.selectionUnfocused = 0x999999;
monFormatDeStyle.shadow = 0x99cc00;
monFormatDeStyle.textColor = 0x000000; 
monFormatDeStyle.textDisabled  = 0x999999;
monFormatDeStyle.textSelected = 0x000000; 

7

Dans le même volet Script, utilisez la syntaxe suivante pour affecter le style de format à des composants spécifiques.

monFormatDeStyle.addListener(maListe, maZoneDeListe);

8

Utilisez la syntaxe suivante pour supprimer un composant d'un format de style :

monFormatDeStyle.removeListener(maListe);