Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
140
est correctement capturé lorsque l’utilisateur cherche à déplacer la souris.
Pour contrôler ceci visuellement, nous allons modifier les couleurs du
composant lors de l’appel de la méthode gestionMouseMove(). Ceci est
possible en ajoutant les instructions suivantes dans la méthode :
Nouveaux styles dans gestionMouseMove()
Nous appliquons un thème de couleur rouge pour différencier la
méthode gestionMouseDown() de la méthode gestionMouseMove(). Terminons cette étape avec la gestion de la méthode suivante :
gestionMouseUp().
…puis l’événement Mouse Up
Même procédure pour la méthode Mouse Up : nous supprimons simplement la transparence du panneau en réajustant sa couche alpha à 100 %,
nous « nettoyons » les modifications de style avec la méthode
clearStyle() et nous supprimons les écouteurs en place via la méthode
removeEventListener() :
Fin du processus dans gestionMouseUp()
Compilez et observez le résultat. Les panneaux ne bougent pas pendant le
processus de glisser-déposer, mais ils changent comme prévu de couleur et
d’opacité. Tout semble fonctionner correctement. Nous allons donc maintenant attaquer le dernier processus : le déplacement des panneaux.
Un peu de géométrie
Le mode de propagation événementielle est fonctionnel. Il faut maintenant pouvoir déplacer les panneaux, ce qui peut être mis en œuvre en
utilisant les composants du paquetage flash.geom.
Ce paquetage est très intéressant, car il contient des classes géométriques, telles que les points, les rectangles et les matrices de transformation, afin de prendre en charge la classe BitmapData et la fonctionnalité
d’interception de bitmaps.
this.setStyle("headerColors", [0x000000, 0x520000]);
this.setStyle("borderColor", 0x520000);
this.alpha = 1;
this.clearStyle("headerColors");
this.clearStyle("borderColor");
removeEventListener(MouseEvent.MOUSE_MOVE, gestionMouseMove, false);
removeEventListener(MouseEvent.MOUSE_UP, gestionMouseUp, false);