7 – Gestion des données avec Flex
© Groupe Eyrolles, 2008
115
Compilez et observez le résultat (figure 7-11).
Fluidifier la permutation d’états
Lors de la permutation entre deux états d’affichage, le basculement est
toujours un peu rude et n’aide pas à la compréhension visuelle du changement d’état. Il est nécessaire d’améliorer l’expérience utilisateur pour
ce processus. Cette problématique a été soulevée au chapitre précédent.
Nous allons ainsi intégrer deux effets de transition :
• le premier consistera en un fondu transparent sur le formulaire pour
le faire apparaître ;
• le second sera un déplacement du bloc d’édito vers le bas.
Les deux effets seront simultanés et nécessiteront donc l’utilisation de la
balise Parallel. Les transitions peuvent donc se coder sous la forme
suivante :
Tableau 7–5 CheckBox
CheckBox
Description
Paquetage
mx.controls
Classe
public class CheckBox
Héritage
CheckBox ! Button ! UIComponent ! FlexSprite ! Sprite !
DisplayObjectContainer ! InteractiveObject ! DisplayObject !
EventDispatcher ! Object
Figure 7–11
Intégration du formulaire
dans le second View state
© Groupe Eyrolles, 2008
115
Compilez et observez le résultat (figure 7-11).
Fluidifier la permutation d’états
Lors de la permutation entre deux états d’affichage, le basculement est
toujours un peu rude et n’aide pas à la compréhension visuelle du changement d’état. Il est nécessaire d’améliorer l’expérience utilisateur pour
ce processus. Cette problématique a été soulevée au chapitre précédent.
Nous allons ainsi intégrer deux effets de transition :
• le premier consistera en un fondu transparent sur le formulaire pour
le faire apparaître ;
• le second sera un déplacement du bloc d’édito vers le bas.
Les deux effets seront simultanés et nécessiteront donc l’utilisation de la
balise Parallel. Les transitions peuvent donc se coder sous la forme
suivante :
Tableau 7–5 CheckBox
CheckBox
Description
Paquetage
mx.controls
Classe
public class CheckBox
Héritage
CheckBox ! Button ! UIComponent ! FlexSprite ! Sprite !
DisplayObjectContainer ! InteractiveObject ! DisplayObject !
EventDispatcher ! Object
Figure 7–11
Intégration du formulaire
dans le second View state
