Dans ce tutoriel nous allons voir comment il est possible de créer un menu en utilisant des images externes pour chacun des états de notre menu. Pour rendre ceci un peu plus dynamique, nous allons gérer cette application pour que la construction de notre menu puisse se faire simplement en modifiant trois paramètres: le nombre de bouton, leurs titres et leurs adresses.
Voici l'aperçu du tutoriel:
Voici le code de notre application:
Voici les sources du tutoriel:
![Menu as3 dynamique avec images externes Download](https://2img.net/h/artkabis.com/images/download.png)
Voici l'aperçu du tutoriel:
Voici le code de notre application:
- Code:
var nbBt:int = 4;
var liens:Array = ['http://artkabis.fr','http://www.artkabis.net','http://google.fr','http://www.weecast.fr/'];
var titres:Array = ['site','forum','google','weecast'];
for (var i:uint=0;i<nbBt;i++)
{
var bt:Bouton = new Bouton();
bt.name = 'bt'+i;
bt.titre.text = titres[i];
bt.mouseChildren = false;
this.addChild(bt);
bt.y = (stage.stageHeight - bt.height)/2;
bt.x = i* bt.width;
}
this.addEventListener(MouseEvent.MOUSE_OVER, __actions);
this.addEventListener(MouseEvent.MOUSE_OUT, __actions);
this.addEventListener(MouseEvent.MOUSE_DOWN, __actions);
this.addEventListener(MouseEvent.MOUSE_UP, __actions);
function __actions(me:MouseEvent):void
{
var btName:String = me.target.name;
var id = int(btName.split('t')[1]);
switch (me.type)
{
case MouseEvent.MOUSE_OVER:
me.target.gotoAndStop('over');
break;
case MouseEvent.MOUSE_OUT:
me.target.gotoAndStop('out');
break;
case MouseEvent.MOUSE_DOWN:
me.target.gotoAndStop('clic');
break;
case MouseEvent.MOUSE_UP:
me.target.gotoAndStop('over');
navigateToURL(new URLRequest(liens[id]));
break;
}
}
Voici les sources du tutoriel:
![Menu as3 dynamique avec images externes Download](https://2img.net/h/artkabis.com/images/download.png)