Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
92
Ajoutez ces instructions MXML après le bloc d’instructions définissant
les états d’affichage, compilez et visualisez le résultat en cliquant sur le
déclencheur linkButtonEdito.
Le panneau se déploie correctement avec l’effet escompté. Mais vous
noterez deux nouveaux problèmes :
• malgré l’effet de transition, les panneaux sous-jacents ne se sont toujours pas agrandis progressivement, mais se sont décalés brutalement
vers le bas, sans transition douce ;
• ensuite, une fois le panneau Edito déployé, lorsque vous invoquez le
même déclencheur, vous remarquez que l’effet de transition Resize
inversé (rétrécissement du panneau) n’est pas activé.
Ceci est lié au fait que la transition codée ne s’applique qu’à la transition
fromSate – toState (de l’état de base vers l’état edito_open_state) et
non à la transition inverse (de edito_open_state vers l’état de base). Si
vous souhaitez appliquer l’effet de transition à tous les basculements
d’états, il vous faudra donc utiliser le caractère joker * comme ceci :

L’effet de transition appliqué aux autres panneaux est possible en utilisant
l’effet Move. Pour activer le lancement simultané de plusieurs effets (ici un
redimensionnement Resize et un déplacement Move), il faut utiliser la classe
Parallel en précisant les composants concernés (propriété targets).
Nous appliquons cette classe à notre étude de cas en intégrant les lignes
d’instructions MXML suivantes :
Transition avec effets simultanés
Tableau 6–5 Parallel
Parallel
Description
Paquetage
mx.effects
Classe
public class Parallel
Héritage
Parallel ! CompositeEffect ! Effect ! EventDispatcher ! Object
Sous-classes
DefaultListEffect, DefaultTileListEffect








EN SAVOIR PLUS Effet à retardement
La propriété StartDelay permet de retarder le
déclenchement d’un effet.
EN SAVOIR PLUS Séquence d’effets
Il est également possible d’appliquer plusieurs
effets les uns après les autres en les encadrant
séquentiellement
avec
une
balise
.