Flash CS4 Professional ActionScript 2.0

Utilisation des styles avec la classe RectBorder

Vous pouvez définir des propriétés de style afin de modifier l'aspect d'une occurrence de RectBorder. Une occurrence de RectBorder utilise les styles suivants :

  • borderCapColor
  • borderColor
  • buttonColor
  • highlightColor
  • shadowCapColor
  • shadowColor
  • themeColor

Les styles disponibles sur une occurrence de RectBorder particulière dépendent du thème utilisé et du style de bordure défini sur le composant. La démonstration interactive suivante montre la relation entre le thème, le style de bordure et les propriétés de style de couleur disponibles.

Les quatre styles Halo spéciaux--default, alert, dropDown et menuBorder--comportent certaines lignes dont les couleurs ne peuvent pas être définies au moyen des styles.
Vous pouvez modifier ces couleurs uniquement en créant un thème personnalisé et en modifiant l'ActionScript approprié dans l'implémentation RectBorder personnalisée.

 Pour définir un style de bordure à l'aide de setStyle :

  1. Sélectionnez Fichier > Nouveau et choisissez Fichier Flash (ActionScript 2.0).
  2. Faites glisser un composant TextArea sur la scène et nommez l'occurrence my_ta.
  3. Dans la première image du scénario principal, ajoutez le code ActionScript suivant dans le panneau Actions :
    my_ta.setStyle("borderStyle", "alert");
    
    

    REMARQUE

     

    Vous pouvez définir le borderStyle sur « alert », car vous utilisez le thème par défaut (Halo). Si vous utilisez un thème différent, les quatre styles Halo « spéciaux », y compris « alert », risquent de ne pas être disponibles.

  4. Choisissez Contrôle > Tester l'animation pour tester le fichier SWF.

 Pour définir plusieurs styles de bordure comme paramètres de la méthode createClassObject :

  1. Sélectionnez Fichier > Nouveau et choisissez Fichier Flash (ActionScript 2.0).
  2. Dans le panneau Actions, ajoutez le code ActionScript suivant à la première image du scénario principal :
    createClassObject(mx.controls.TextArea, "my_ta", 1, {borderStyle: "menuBorder", themeColor: "0x990000"});
    
    

    Pour plus d'informations, reportez-vous à UIObject.createClassObject().
    Ou bien, si vous souhaitez définir plusieurs styles et les appliquer à plusieurs occurrences de composant, vous pouvez établir une nouvelle déclaration de style contenant les paramètres de style et l'associer aux occurrences de composant (voir Définition de styles personnalisés pour des groupes de composants dans Utilisation des composants ActionScript 2.0).

  3. Choisissez Contrôle > Tester l'animation pour contrôler le fichier SWF.

 Pour définir un style de bordure à l'aide du thème Sample :

  1. Sélectionnez Fichier > Nouveau et choisissez Fichier Flash (ActionScript 2.0).
  2. Faites glisser un composant Button sur la scène et nommez l'occurrence my_btn.

    Vous pouvez également créer l'occurrence en utilisant ActionScript, comme suit
    (faites bien d'abord glisser un composant Button vers la bibliothèque) :

    createClassObject(mx.controls.Button, "my_btn", 1);
    
    
  3. Sélectionnez Fichier > Importer > Ouvrir une bibliothèque externe.
  4. Ouvrez le fichier SampleTheme.fla qui se trouve dans :
    • Windows : \Program Files\Adobe\Flash CS3\langue\Configuration\ComponentFLA\
    • Macintosh : HD/Applications/Adobe Flash CS3/Configuration/ComponentFLA/
  5. Dans la bibliothèque SampleTheme.fla, recherchez le clip des éléments du composant Button dans Flash UI Components > Themes > MMDefault > Button Assets > Button Skin et faites-le glisser vers la bibliothèque de votre document actuel.
  6. Dans le panneau Actions, ajoutez le code ActionScript suivant à la première image du scénario principal :
    my_btn.setStyle("buttonColor", "0xFFFFFF");
    my_btn.setStyle("borderStyle", "solid");
    my_btn.setStyle("borderColor", "none");
    
    

    REMARQUE

     

    Si vous envisagez de définir plusieurs styles et que vous devez améliorer les performances du composant à l'exécution, vous pouvez définir une déclaration de style personnalisée contenant ces styles, puis l'associer à l'occurrence de composant (voir Définition de styles personnalisés pour des groupes de composants dans Utilisation des composants ActionScript 2.0).

    Ou bien, vous pouvez ajouter ces paramètres à createClassObject, comme suit :

    createClassObject(mx.controls.Button, "my_btn", 1, {buttonColor: "0xFFFFFF", borderStyle: "solid", borderColor: "none"});
    
    
  7. Sélectionnez Contrôle > Tester l'animation pour contrôler le fichier SWF.

    Vous remarquerez que même lorsque « borderColor » est défini sur « none »,
    le bouton présente une bordure grise. Dans ce cas, « none » ne signifie pas transparent, mais gris neutre.