La construction d’une interface sur la scène
CHAPITRE 6
155
Sans le savoir, vous venez de suivre la procédure qui permet de placer un symbole dynamiquement sur la scène !
Grâce à ce code, à chaque lancement de l’animation, la taupe vient se placer au centre de
la scène.
Revenons sur cette procédure, qu’il est indispensable de bien connaître, car c’est celle
que vous devrez utiliser lorsque vous devrez placer un ou plusieurs symboles dynamiquement sur la scène. Prenons donc un nouvel exemple, celui d’une barre de menus, pour
découvrir que la technique est toujours la même.
Avant de nous lancer dans une procédure pas à pas, il est important de comprendre qu’un
symbole doit posséder un nom de classe pour pouvoir être placé sur la scène à l’aide de
l’opérateur new et de la méthode addChild(). Dans l’exemple précédent, nous avions
défini un nom de classe après avoir créé le symbole ; dans celui-ci, nous allons le faire au
moment de la création.
Fichier de référence : Chapitre6/ConstructionDynamique2
1. Pour créer un nouveau symbole de type Clip, commencez par tracer sur la scène un
trait réalisé au crayon (ou tout autre élément graphique). Il s’agit d’un trait de soulignement.
2. Ajoutez ensuite un texte dynamique au-dessus de ce trait et incorporez-y les caractères à utiliser. Employez le bouton Intégrer dans la palette Propriétés (consultez le
chapitre 14 dédié au texte dans Flash). Nous donnons alors un nom d’occurrence au
texte dynamique, comme le nom etiquette dans cet exemple.
3. Sélectionnez le trait et le texte dynamique et pressez la touche de fonction F8.
4. Nommez le symbole et, point le plus important, cochez la case Exporter pour
ActionScript puis donnez un nom de classe. Attention, ce nom doit, de préférence et
par convention, commencer par une majuscule et ne peut surtout pas contenir de
caractères spéciaux, accentués ou d’espace. Dans notre exemple, nous choisissons le
nom de classe BoutonMenuPrincipal.
Pour finir, voici le script que nous avons placé sur l’image-clé 1 du scénario principal de
l’animation.
var boutonParis:BoutonMenuPrincipal;
var boutonMilan:BoutonMenuPrincipal;
var boutonLondres:BoutonMenuPrincipal;
boutonParis = new BoutonMenuPrincipal ();
boutonMilan = new BoutonMenuPrincipal ();
boutonLondres = new BoutonMenuPrincipal ();
Rappel
Incorporer les caractères à un texte dynamique ou de saisie ne sert qu’à s’assurer que la police que vous
avez choisie sera bien celle que verra l’utilisateur final.
CHAPITRE 6
155
Sans le savoir, vous venez de suivre la procédure qui permet de placer un symbole dynamiquement sur la scène !
Grâce à ce code, à chaque lancement de l’animation, la taupe vient se placer au centre de
la scène.
Revenons sur cette procédure, qu’il est indispensable de bien connaître, car c’est celle
que vous devrez utiliser lorsque vous devrez placer un ou plusieurs symboles dynamiquement sur la scène. Prenons donc un nouvel exemple, celui d’une barre de menus, pour
découvrir que la technique est toujours la même.
Avant de nous lancer dans une procédure pas à pas, il est important de comprendre qu’un
symbole doit posséder un nom de classe pour pouvoir être placé sur la scène à l’aide de
l’opérateur new et de la méthode addChild(). Dans l’exemple précédent, nous avions
défini un nom de classe après avoir créé le symbole ; dans celui-ci, nous allons le faire au
moment de la création.
Fichier de référence : Chapitre6/ConstructionDynamique2
1. Pour créer un nouveau symbole de type Clip, commencez par tracer sur la scène un
trait réalisé au crayon (ou tout autre élément graphique). Il s’agit d’un trait de soulignement.
2. Ajoutez ensuite un texte dynamique au-dessus de ce trait et incorporez-y les caractères à utiliser. Employez le bouton Intégrer dans la palette Propriétés (consultez le
chapitre 14 dédié au texte dans Flash). Nous donnons alors un nom d’occurrence au
texte dynamique, comme le nom etiquette dans cet exemple.
3. Sélectionnez le trait et le texte dynamique et pressez la touche de fonction F8.
4. Nommez le symbole et, point le plus important, cochez la case Exporter pour
ActionScript puis donnez un nom de classe. Attention, ce nom doit, de préférence et
par convention, commencer par une majuscule et ne peut surtout pas contenir de
caractères spéciaux, accentués ou d’espace. Dans notre exemple, nous choisissons le
nom de classe BoutonMenuPrincipal.
Pour finir, voici le script que nous avons placé sur l’image-clé 1 du scénario principal de
l’animation.
var boutonParis:BoutonMenuPrincipal;
var boutonMilan:BoutonMenuPrincipal;
var boutonLondres:BoutonMenuPrincipal;
boutonParis = new BoutonMenuPrincipal ();
boutonMilan = new BoutonMenuPrincipal ();
boutonLondres = new BoutonMenuPrincipal ();
Rappel
Incorporer les caractères à un texte dynamique ou de saisie ne sert qu’à s’assurer que la police que vous
avez choisie sera bien celle que verra l’utilisateur final.