Comment mettre un clip à l'avant en AS3

Instructions

1. Démarrez le programme flash. Cliquez sur "Fichier Flash (ActionScript 3.0)" dans la fenêtre d'accueil pour créer un nouveau fichier pour un projet d'animation Flash AS3.

2. Sélectionnez "Actions" dans le menu de la fenêtre de la barre de menu principale Flash pour ouvrir l'éditeur d'actions. Placez votre curseur de la souris sur la première ligne de l'éditeur d'actions. Cliquez sur le bouton de la souris et le type dans le code ci-dessous pour créer et placer un rectangle graphique de clip rouge sur la scène qui est positionné à coordonnées de la scène en flash (100,50), a une largeur de 50 pixels, une hauteur de 20 pixels et un bordure noire d'une largeur de 4 pixels.

   var redbutton: MovieClip = new MovieClip ();

   redButton.graphics.lineStyle (4);

   redButton.graphics.beginFill (0xFF0000);

   redButton.graphics.drawRect (100, 50, 50, 20);

   redButton.graphics.endFill ();

   addChild (redbutton);

3. Tapez le code ci-dessous à partir de la ligne suivante dans l'éditeur Actions pour créer et placer un rectangle graphique vert de clip sur la scène qui est positionné à coordonnées de la scène en flash (125,50), a une largeur de 50 pixels, une hauteur de 20 pixels et une bordure noire d'une largeur de 4 pixels.

   var GreenButton: MovieClip = new MovieClip ();

   greenButton.graphics.lineStyle (4);

   greenButton.graphics.beginFill (0x00FF00);

   
   
   
   
   

   greenButton.graphics.drawRect (125, 50, 50, 20);

   greenButton.graphics.endFill ();

   addChild (GreenButton);

4. Tapez le code ci-dessous à partir de la ligne suivante dans l'éditeur Actions pour ajouter un écouteur d'événement au clip redbutton sorte que lorsque le redbutton est cliqué le programme Flash va exécuter le code dans la fonction nommée callFunction_fn.

   redButton.addEventListener (MouseEvent.CLICK, callFunction_fn);

5. Tapez le code ci-dessous à partir de la ligne suivante dans l'éditeur Actions pour coder les instructions de la fonction callFunction_fn tels que Flash va déplacer le GreenButton en avant ou en arrière de la redbutton lorsque le redbutton est cliqué, en fonction de l'emplacement de l'GreenButton.

   fonction callFunction_fn (e: MouseEvent): void {

   si (getChildIndex (redbutton) == 0) {setChildIndex (redbutton, 1)} else {setChildIndex (redbutton, 0)};

   };

6. Copiez et collez le code ci-dessous dans l'éditeur d'actions pour assurer qu'il n'y ait pas des erreurs de syntaxe et le programme d'animation "mettre au premier plan" fonctionne correctement.

   var redbutton: MovieClip = new MovieClip ();

   redButton.graphics.lineStyle (4);

   redButton.graphics.beginFill (0xFF0000);

   redButton.graphics.drawRect (100, 50, 50, 20);

   
   
   

   redButton.graphics.endFill ();

   addChild (redbutton);

   var GreenButton: MovieClip = new MovieClip ();

   greenButton.graphics.lineStyle (4);

   greenButton.graphics.beginFill (0x00FF00);

   greenButton.graphics.drawRect (125, 50, 50, 20);

   greenButton.graphics.endFill ();

   addChild (GreenButton);

   redButton.addEventListener (MouseEvent.CLICK, callFunction_fn);

   fonction callFunction_fn (e: MouseEvent): void {

   si (getChildIndex (redbutton) == 0) {setChildIndex (redbutton, 1)} else {setChildIndex (redbutton, 0)};

   };

7. Cliquez sur l'option "TestMovie" dans le menu de configuration de la barre de menu flash principal à jouer du projet. Cliquez sur le bouton rouge et observez que le bouton rouge se déplace devant le bouton vert. Cliquez sur le bouton rouge à nouveau et d'observer que le bouton vert se déplace devant le bouton rouge.