Vous pouvez créer des déclarations de style personnalisées pour définir un jeu unique de propriétés pour des groupes de composants dans votre document Flash. Outre la propriété style de l'objet _global (décrite dans la section Définition de styles globaux), qui détermine la déclaration de style par défaut pour un document Flash entier, l'objet _global possède également une propriété styles qui regroupe dans une liste les déclarations de style personnalisées disponibles. Par conséquent, vous pouvez créer une déclaration de style comme nouvelle occurrence de l'objet CSSStyleDeclaration, lui attribuer un nom de style personnalisé et la placer dans la liste _global.styles. Ensuite, vous spécifiez les propriétés et les valeurs pour le style et affectez le nom du style aux occurrences de composant qui doivent partager le même aspect.

N'oubliez pas que, lorsque vous affectez le nom de style à une occurrence de composant, ce dernier répond uniquement aux propriétés de style qu'il prend en charge. Pour obtenir la liste des propriétés de style prises en charge par chacun des composants, consultez leurs entrées respectives dans le guide Référence du langage des composants ActionScript 2.0.

Pour modifier un format de style personnalisé, utilisez la syntaxe suivante :

_global.styles.CustomStyleName.setStyle(propertyName, propertyValue);

Les paramètres de style personnalisés ont priorité sur les paramètres de classe, hérités et de style global. Pour obtenir la liste définissant les priorités entre les styles, consultez la section Utilisation de styles globaux, personnalisés et de classe dans le même document.

 Pour créer une déclaration de style personnalisée pour un groupe de composants :

1. Ajoutez au moins un composant sur la scène.

   Pour plus d'informations, consultez la section Ajout de composants aux documents Flash.

   Cet exemple utilise trois composants de bouton portant les noms d'occurrence a, b et c. Si vous utilisez des composants différents, donnez-leur des noms d'occurrence dans l'inspecteur Propriétés et utilisez ces noms à l'étape 8.

2. Dans le scénario, sélectionnez une image dans laquelle (ou avant laquelle) le composant apparaît.
3. Ouvrez le panneau Actions.
4. Ajoutez l'instruction d'importation suivante de façon à avoir accès à la fonction constructeur permettant de créer une nouvelle déclaration de style depuis la classe CSSStyleDeclaration :

   import mx.styles.CSSStyleDeclaration;
   
   

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

   var new_style:Object = new CSSStyleDeclaration();
   
   

6. Nommez votre déclaration de style (« myStyle », par exemple) sur la liste _global.styles des déclarations de style personnalisées et identifiez l'objet contenant toutes les propriétés pour votre nouvelle déclaration de style.

   _global.styles.myStyle = new_style; 
   
   

7. Utilisez la méthode setStyle() (héritée de la classe UIObject) pour ajouter des propriétés à l'objet new_style, qui sont à leur tour associées à la déclaration de style personnalisée myStyle :

   new_style.setStyle("fontFamily", "_serif");
   new_style.setStyle("fontSize", 14);
   new_style.setStyle("fontWeight", "bold");
   new_style.setStyle("textDecoration", "underline");
   new_style.setStyle("color", 0x666699);
   
   

8. Dans la même fenêtre de script, utilisez la syntaxe suivante pour définir la propriété styleName de trois composants spécifiques sur la déclaration de style personnalisée :

   a.setStyle("styleName", "myStyle");
   b.setStyle("styleName", "myStyle");
   c.setStyle("styleName", "myStyle");
   
   

Vous pouvez également accéder aux styles de la déclaration personnalisée à l'aide des méthodes setStyle() et getStyle() via sa propriété globale styleName. Par exemple, le code suivant définit le style backgroundColor sur la déclaration de style newStyle :

_global.styles.myStyle.setStyle("themeColor", "haloOrange");

En revanche, les étapes 5 et 6 ont associé l'occurence new_style à la déclaration de style afin que vous puissiez utiliser la syntaxe la plus courte, telle que new_style.setStyle("themeColor", "haloOrange").

Pour plus d'informations sur les méthodes setStyle() et getStyle(), consultez les sections UIObject.setStyle() et UIObject.getStyle() du guide Référence du langage des composants ActionScript 2.0.