Cette technique est utilisable aussi bien pour réaliser un lecteur MP3, que pour réaliser un lecteur FLV ou pour faire un simple bouton dans un site Web.
Il est déconseillé d'utiliser le symbole bouton de Flash. À cela plusieurs raisons :
1 - Impossible de mettre à jour par le code, l'intitulé d'un bouton. De fait, vous êtes obligés de faire dans votre bibliothèque autant de boutons qu'en nécessite votre site.
2 - Au niveau d'ActionScript (AS), il y a plus de possibilités de manipuler un clip (MovieClip, MC) que de manipuler un bouton (Button, BTN).
Principe
Un bouton de type MovieClip (MC) est constitué dans sa version la plus simple de 2 calques.
Le calque le plus bas doit contenir le graphisme du bouton, le calque le plus haut l'intitulé sous la forme d'une zone de texte dynamique.
Cette zone doit être nommée dans le panneau Propriétés pour être accessible par le code ActionScript (AS).
Le code AS doit, quant à lui, être écrit exclusivement sur la scène et jamais dans ou sur le bouton.
L'organisation
Sur la scène, pour créer un nouveau symbole, allez dans le menu Insertion et choisissez Nouveau symbole (ou
Commande ou Ctrl et F8). Nommez-le : bouton. Choisissez le Type Clip. Valider par OK.

Réalisation d'un graphisme pour servir de support visuel au bouton sur le calque par défaut. Ici le graphisme est un rectangle arrondi. Libre à vous de faire des choses plus visuelles (MC statique ou animé en provenance de votre bibliothèque, ou d'images JPG ou PNG, etc.).

Après ajout d'un calque, mise en place de la zone de texte dynamique.
Cette zone est nommée : intituleBtn dans le panneau Propriétés.

Retour sur la scène de la Séquence 1, en cliquant sur la flèche bleue sous le panneau Scénario.

À partir de votre bibliothèque, déposez sur la scène par un cliqué glissé, une occurrence de votre bouton.
Dans le panneau Propriétés, nommez le bouton : bouton1
Ajoutez sur la scène un nouveau calque et nommez-le ActionScript.
C'est une bonne habitude de nommer les calques avec des noms clairs.
Le code
La programmation d'un bouton est toujours réalisée de la même manière :
// Mise en place de l'intitulé du bouton
nom du bouton sur la scène.nom de la zone de texte.text="Le texte à faire apparaître sur le bouton"
// Gestion du clic de l'utilisateur
nom du bouton sur la scène.onRelease = function(Void):Void{
// Les instructions à réaliser quand l'utilisateur lâche le bouton
}
Sur notre bouton cela donne :
// Intitulé du bouton
bouton1.intituleBtn.text="Ne pas cliquer ici"
// Action à réaliser sur clic
bouton1.onRelease=function(Void):Void{
trace("Formatage du disque dur en cours......")
}

Corel Painter 12 - Les fondamentaux
Introduction à Adobe Edge
Contao - Les fondamentaux
ZBrush 4 - Les fondamentaux
Drupal 7 - Les fondamentaux
Photoshop Elements 10 - Les fondamentaux
Premiere Elements 10 - Les fondamentaux
Les calques de forme dans After Effects














Contacts
Newsletter
Twitter
RSS
RSS des commentaires
Podcasts des tutoriels












