Sondage du mois

Sondage du mois
 

  La connaissance ne vaut que si elle est partagée par tous




 
  Astuce Adobe Flash : Raccourci Imprimer : Ctrl P




Les tutoriaux: Index » Flash » Flash » Menu déroulant simple

Introduction

  • Tutoriel posté par Sky
  • 6519 lectures
  • Mis en ligne le 01-01-1970
  • Dernière mise à jour le
  • Ce tutoriel a été estimé comme simple.


Automatic Translations:
Translate Into English Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese


Méthodologie

FAIRE UN MENU DEROULANT SIMPLE


Commencer par créer une nouvelle animation de 500 * 300 par exemple puis cliquez sur ctrl+F8 et choisissez "clip" :


Créer un bouton simple (un carré par exemple). Revenez sur l'anim principale et ouvrez la bibliothèque (F11) et faites glisser votre bouton sur l'anim : (en fait c'est un bouton dans un Movie Clip)


Double cliquez sur le movie de votre scène vous vous trouvez la ou se trouve votre bouton :

Ajouter un calque et nommé le code :


Sur la premiere image clé vide de ce calque "code" mettez y un "Stop ()"


Ok maintenant copiez l'image 1 du calque "boutons" sur l'image 2 du meme calque :


C'est sur cette deuxieme image que vous allez avoir vos autres boutons du menu déroulant , donc créer un nouveau calque et faites y vos autres boutons :


Revenez sur votre anim principale et creer un nouveau calque en mettant une image clé à l'image 10 et de même à 20 comme ceci, ce qui a pour but d afficher une image quand vous cliquerez sur vos boutons, donc mettez une image en 10 et une en 20


Vous ajouterez un calque de nouveau et vous l'appellerez "code" ,vous y mettrez un Stop() sur chaque image clé (1 ,10 et 20 ) pour stopper la lecture à chaque fois qu' un bouton sera cliqué :


Voila nous en avons fini avec la mise en forme , passons maintenant au code action script que nous allons affillier aux boutons.
Revenz dans votre movie clip en double cliquant dessus .
Sur notre premier bouton (image 1) nous allons lui dire d'aller sur l'image 2 la ou se trouve les autres boutons , pour ce faire mettez lui :

CODE


        on (release) {

        gotoAndStop(2);

        }



Passons maintenant a l'image 2 ou se trouve les autres boutons , sur le boutons "lien 1" nous allons lui mettre ce code :

CODE


on (release) {

        _root.gotoAndPlay(10);

        gotoAndPlay(1);

        }



Ce qui veut dire que et la je vous demanderais d'etre attentif , quand vous cliquez sur le bouton il va d'une part allez sur l'image 10 de l'anim principale spécifié par _root et d'autre part à l'image 1 de la séquence ou se trouve le bouton ce qui a pour but en fait de faire disparaitre les boutons .


Faites de meme pour le boutons "lien 2" sauf que vous lui direz d'allez a l'image 20 :

CODE


on (release) {

        _root.gotoAndPlay(20);

        gotoAndPlay(1);

        }


Télécharger les sources

Notes

  Evaluez le tutorial (37 Votes)

16
9
12

Tutorial écrit par Sky

Pour les questions ou d'éventuelles remarques, dirigez vous vers le forum.

Réagir sur ce tutoriel - [Flash] Menu déroulant simple

DERNIÈRES PUBLICATIONS DE OPEN-MOUTHED

En direct de open-mouthed.com