ActionScript 3.0, l'essentiel sous la main Adobe Flash Accueil
Fiches
Boutique
Contact
Créer un menu déroulant
Nous allons voir ici comment créer un menu déroulant à trois niveau : menu, sous-menu et sous-sous-menu. Tout d'abord, créer tous vos boutons. Ensuite, placer le bouton principale sur la scène, donnez lui un nom d'occurence (btn1), et faites-en un clip avec comme nom d'occurence menu.

Dans ce clip, positionnez vos boutons du sous-menu en dessous du bouton principale comme si le sous-menu était ouvert. Donnez leurs à tous un nom d'occurence (btn2, btn3, btn4, etc.). Ensuite, sur une image clé vide (toujours dans le clip menu), à l'aide de code ActionScript3, positionner vos boutons du sous-menu sous le bouton principale, comme si le sous-menu était fermé (ex: btn2.x = btn1.x;).
Lorsque vous compilez, vous ne devriez voir que votre bouton principal.

Ensuite, revenez sur la scène principale, et mettez ceci sur une image clé vide : (mes boutons fond 30 pixels de hauteur)

//Imports Flash
import flash.events.MouseEvent;

//Ouverture du sousMenu au passage de la souris
function overMenu(e:MouseEvent):void
{
menu.btn2.y = 30;
menu.btn3.y = 60;
menu.btn4.y = 90;
}
menu.addEventListener(MouseEvent.ROLL_OVER, overMenu);

//Fermeture du sousMenu lorsque la souris quitte le clip 'menu'
function outMenu(e:MouseEvent):void
{
menu.btn2.y = 0;
menu.btn3.y = 0;
menu.btn4.y = 0;
}
menu.addEventListener(MouseEvent.ROLL_OUT, outMenu);

Ensuite, pour créer un sous-sous-menu, refaite la même manipulation, mais à l'intérieur du clip menu cette fois-ci. Vous pouvez ainsi créer autant de sous-menu que vous le souhaitez.

Aperçus & Sources : (Flash CS4)
Commentaire(s)
Aucun.