Composant d'interface utilisateur du bouton Flash CS4

• Mai 13, 2024

Dans le dernier tutoriel, nous avons ajouté le code d'arrêt qui arrêtera notre Flash^R ecard de répéter après le premier passage à travers la chronologie. Nous allons maintenant ajouter un bouton «Replay» qui mettra le contrôle de lecture entre les mains du spectateur. Une fois l'animation de la carte électronique arrêtée, ce sera le spectateur qui fera rejouer le film en cliquant sur ce bouton.

Nous pouvons créer ce bouton en codant ActionScript qui dessinera un bouton sur la scène pour nous. Mais pour ce tutoriel, nous utiliserons le composant d'interface utilisateur de bouton intégré. Nous allons commencer à travailler sur la dernière image de la chronologie. Ouvrez votre carte virtuelle dans Flash CS4.

1. Ajoutez un nouveau calque juste sous le calque Actions. Nommez ce nouveau calque «Replay». Nous utiliserons cette couche pour maintenir notre bouton.
   
   
2. Ajoutez une image clé sur l'image 105 du calque de relecture. Cela garantira que le bouton ne sera pas visible avant cette dernière image.
   
   
3. Ouvrez le panneau Composants (Fenêtre - Composants). Ce panneau comporte deux sections, les sections Interface utilisateur et Vidéo. Le composant bouton se trouve dans la section Interface utilisateur. Cliquez et faites glisser une occurrence du composant bouton sur la scène juste sous le texte.
   
   
4. Sélectionnez le bouton. Dans le panneau Propriétés, attribuez au bouton un nom d'instance de «Rejouer».
   
   
5. Ouvrez le panneau Inspecteur de composants (Fenêtre - Inspecteur de composants). Nous utilisons ce panneau pour définir les valeurs des paramètres de notre composant bouton. Le paramètre Label contrôle le texte en haut de notre bouton. À l'heure actuelle, il indique «Label» sur le bouton car la valeur du paramètre Label est définie sur «Label». Modifions la valeur de ce paramètre à "Rejouer". Vous devriez voir le texte sur le bouton passer de «Label» à «Replay».
   
   Si nous testons la carte électronique maintenant, rien ne se passe lorsque nous cliquons sur le bouton Rejouer. C'est parce que nous devons encore ajouter un comportement au bouton.
   
   
6. Cliquez sur la dernière image du calque Actions et ouvrez le panneau Actions. Après l'arrêt (); code, ajoutez le code ci-dessous. Ce code indique à Flash d'écouter un clic de souris sur le bouton Rejouer. En cas de clic de souris, Flash exécute la fonction replayMovie. Cette fonction ne comporte qu'une seule ligne de code qui indique à Flash de revenir à l'image 1 et de lire le film.
   
   Replay.addEventListener (MouseEvent.CLICK, replayMovie);
   fonction replayMovie (evt)
   {
   gotoAndPlay (1);
   }
   
   

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: Créer des jeux en AS3: Les évènements #11 (Mai 2024).