A travers cet article, nous allons voir comment créer un menu contextuel pour votre animation Flash.
Le code suivant vous permet d’ajouter facilement un menu contextuel à votre projet Flash avec un lien vers un site et des éléments interactifs.
[ftf w="600" h="380"]// .::. créer un menu contextuel .::.
var monMenu:ContextMenu = new ContextMenu();
// éléments du menu contextuel
var copyright:ContextMenuItem = new ContextMenuItem(« Copyright © benoit-deldicque.com »);
var elmt1:ContextMenuItem = new ContextMenuItem(« Elément 1″);
var elmt2:ContextMenuItem = new ContextMenuItem(« Premier nom »);
elmt2.caption = « Elément 2″;
var elmt3:ContextMenuItem = new ContextMenuItem(« Elément désactivé »);
// écouteurs pour les éléments de menu
copyright.addEventListener( ContextMenuEvent.MENU_ITEM_SELECT, afficherLeSite );
elmt1.addEventListener( ContextMenuEvent.MENU_ITEM_SELECT, changerTexte );
elmt2.addEventListener( ContextMenuEvent.MENU_ITEM_SELECT, changerTexte );
// ajout d’une barre de séparation et désactivation d’un élément
elmt1.separatorBefore = true;
elmt3.enabled = false;
// masquer les éléments de menu
monMenu.hideBuiltInItems();
// ajouter les éléments au menu
monMenu.customItems.push(copyright, elmt1, elmt2, elmt3);
// appliquer le menu au menu contextuel
this.contextMenu = monMenu;
// fonctions
function afficherLeSite(e:Event) {
var bdLien:URLRequest = new URLRequest(« http://www.benoit-deldicque.com »);
navigateToURL( bdLien, « _blank » );
}
function changerTexte(e:Event) {
clicTxt.text = « Vous avez cliqué sur : « +e.target.caption;
}[/ftf]
[bix i="http://media.benoit-deldicque.com/blog/images/flash.gif";t="Fichier source : contextMenu.fla"]
Propriétés pour un élément de menu :
- caption spécifie l’intitulé pour l’élément du menu. Cet intitulé peut également être spécifié lors de l’appel au constructeur.
- separatorBefore pour ajouter une barre de séparation avant l’élément du menu.
- enabled pour activer ou non l’élément du menu.
Les propriétés et méthodes utilisées pour le menu contextuel sont les suivantes :
- hideBuiltInItems() masque les éléments de menu par défaut (zoom…).
- customItems.push(elmt1, elmt2, elmt3) pour ajouter les éléments au menu.
