Notion d'événements et d'actions

En flash, il est possible très facilement de créer des navigations interactives avec des boutons ou d'autres symboles animés. L'exécution d'un résultat sera le fruit d'un événement déterminé par le développeur et réalisé par l'utilisateur dont résultera des actions.

Pour illustrer la notion d'événements et d'actions, je vais reprendre un exemple du livre de Guylaine Monnier :

Comportement de l'utilisateur : appuyer sur l'interrupteur
Evénement : appuyer
Objet réactif ou interactif : l'interrupteur
Action : Allumer
Cible : Ampoule

Dans flash, nous allons retrouver chacun des ces éléments.

Création des éléments

Nous avons donc besoin :

d'une ampoule à 2 états allumé et éteint, qui sera dans cet exemple un Symbole avec 2 frames dans la timeline
d'un bouton interrupteur

Nous nommerons les éléments respectivement ampoule_mc et bt_bouton.

Actionscript

La fonction

Il faut tout d'abord créer la fonction qui allume/éteint l'ampoule :

function allumerEteindre(e:Event)
{
    if(this.ampoule_mc.currentFrame==1)
    {
        this.ampoule_mc.gotoAndStop(2);
    }
    else if(this.ampoule_mc.currentFrame==2)
    {
        this.ampoule_mc.gotoAndStop(1);
    }
}

Notez que les fonctions écouteurs doivent avoir un paramètre de type Event.

Attacher l'événement au bouton

pour signifier qu'un clic doit lancer la fonction :

this.bt_bouton.addEventListener(MouseEvent.CLICK,this.allumerEteindre);

On ajoute un événement sur un symbole en utilisant la fonction addEventListrener, le premier paramètre est le type d'événement attendu (ici un clic de souris donc MouseEvent.CLICK) le second paramètre est une fonction : allumerEteindre. Nous n'écrivons pas allumerEteindre() mais bien allumerEteindre sans les parenthèses !