8 – ActionScript 3 ou l’art d’écouter
© Groupe Eyrolles, 2008
137
Ensuite, il faudra remplacer les composants TitleWindow par le nouveau
composant dérivé DragTitleWindow. Par exemple, pour le panneau Edito,
il faudra remplacer le balisage actuel… :
…par ce nouveau balisage :
Afin de vous assurer qu’il n’existe aucune erreur de syntaxe, sauvegardez
le fichier de classe et compilez l’application. Vérifiez ensuite qu’il
n’existe aucune erreur à l’exécution, en cliquant sur les panneaux de la
page d’accueil.
Si tout est correct, respirez un bon coup et faites une pause. Le plus dur
reste à venir…
Créer l’événement Mouse Down
Nous allons à présent traiter la méthode gestionMouseDown(). Cette
méthode doit gérer le premier événement, qui correspond à un clic de la
souris sur l’objet cible pour sélectionner le panneau DragTitleWindow.
Pour voir si l’événement a bien été capturé et traité, nous allons procéder
en premier lieu à quelques modifications de style du panneau sélectionné. Ainsi, lorsqu’un panneau sera sélectionné, nous modifierons sa
couche alpha pour le rendre à moitié transparent, nous ajusterons les
couleurs de son en-tête pour lui donner un léger effet bleuté et, enfin,
nous modifierons la couleur de bordure du panneau. Tout ceci peut être
mis en œuvre en codant les instructions suivantes dans la méthode
gestionMouseDown() :
Modifier les styles du panneau
Les propriétés de style du composant peuvent donc être directement modifiées ici, car notre composant hérite de toutes les caractéristiques de
showCloseButton="true"
styleName="panneauStyle"
titleIcon="@Embed('assets/ui/star_icon.png')">
showCloseButton="true"
styleName="panneauStyle"
titleIcon="@Embed('assets/ui/star_icon.png')">
this.alpha = 0.5;
this.setStyle("headerColors", [0x000000, 0xBDE9FA]);
this.setStyle("borderColor", 0xBDE9FA);
QUALITÉ Vérification de type
à la compilation
Il est possible de désactiver la vérification de type à
la compilation, mais il n’est pas possible de désactiver la vérification de type à l’exécution. Alors que
le typage en ActionScript 2 se limitait à une aide à
la compilation, le typage en ActionScript 3 aide à la
compilation et à l’exécution.
B.A.BA Le mot-clé « this »
Le mot-clé réservé this indique que nous faisons
référence à l’objet courant. Dans notre exemple,
en faisant précéder la propriété alpha par this,
nous indiquons que le changement de valeur de la
couche alpha concerne bien l’objet courant. Ce
mot-clé est bien connu des programmeurs
ActionScript 1 et 2 sous Flash.
© Groupe Eyrolles, 2008
137
Ensuite, il faudra remplacer les composants TitleWindow par le nouveau
composant dérivé DragTitleWindow. Par exemple, pour le panneau Edito,
il faudra remplacer le balisage actuel… :
…par ce nouveau balisage :
Afin de vous assurer qu’il n’existe aucune erreur de syntaxe, sauvegardez
le fichier de classe et compilez l’application. Vérifiez ensuite qu’il
n’existe aucune erreur à l’exécution, en cliquant sur les panneaux de la
page d’accueil.
Si tout est correct, respirez un bon coup et faites une pause. Le plus dur
reste à venir…
Créer l’événement Mouse Down
Nous allons à présent traiter la méthode gestionMouseDown(). Cette
méthode doit gérer le premier événement, qui correspond à un clic de la
souris sur l’objet cible pour sélectionner le panneau DragTitleWindow.
Pour voir si l’événement a bien été capturé et traité, nous allons procéder
en premier lieu à quelques modifications de style du panneau sélectionné. Ainsi, lorsqu’un panneau sera sélectionné, nous modifierons sa
couche alpha pour le rendre à moitié transparent, nous ajusterons les
couleurs de son en-tête pour lui donner un léger effet bleuté et, enfin,
nous modifierons la couleur de bordure du panneau. Tout ceci peut être
mis en œuvre en codant les instructions suivantes dans la méthode
gestionMouseDown() :
Modifier les styles du panneau
Les propriétés de style du composant peuvent donc être directement modifiées ici, car notre composant hérite de toutes les caractéristiques de
showCloseButton="true"
styleName="panneauStyle"
titleIcon="@Embed('assets/ui/star_icon.png')">
showCloseButton="true"
styleName="panneauStyle"
titleIcon="@Embed('assets/ui/star_icon.png')">
this.alpha = 0.5;
this.setStyle("headerColors", [0x000000, 0xBDE9FA]);
this.setStyle("borderColor", 0xBDE9FA);
QUALITÉ Vérification de type
à la compilation
Il est possible de désactiver la vérification de type à
la compilation, mais il n’est pas possible de désactiver la vérification de type à l’exécution. Alors que
le typage en ActionScript 2 se limitait à une aide à
la compilation, le typage en ActionScript 3 aide à la
compilation et à l’exécution.
B.A.BA Le mot-clé « this »
Le mot-clé réservé this indique que nous faisons
référence à l’objet courant. Dans notre exemple,
en faisant précéder la propriété alpha par this,
nous indiquons que le changement de valeur de la
couche alpha concerne bien l’objet courant. Ce
mot-clé est bien connu des programmeurs
ActionScript 1 et 2 sous Flash.