Flex States: Création d'états et de transitions entre ces états
Dans la terminologie Flex, un state est un ensemble de changements appliqué à une vue. Ces changements peuvent consister à ajouter et supprimer des composants aussi bien que des changement de propriétés ou de comportement. Chaque application Flex a au moins un état, appelé base state. Les états Flex permettent de changer facilement la vue d'une application, que ce soit au niveau micro ou macro. Par exemple, vous pouvez définir deux états qui agissent comme des écrans différents d'une application (écran de login et écran de menu par exemple). Utiliser les states comme écran est un exemple d'utilisation au niveau macro. Au niveau micro, on peut par exemple utiliser les states pour gérer les formulaires en cascade ou différentes vues pour un composants (changement au rollover par exemple).
Le framework Flex fournit une bibliothèque complète pour la gestion des state. Vous pouvez créer et gérer les états à partir du MXML ou de l'ActionScript. Ensuite, vous pouvez utiliser les états en conjonction avec les transitions Flex pour créer des interfaces utilisateur plus robustes et agréables.
Quand utiliser les States ?
Les States sont puissants et une fonctionalité très utile du framework Flex. Vous pouvez accomplir de nombreuses choses en utilisant les States. En fait, vous pouvez utiliser les States pour tellement de choses qu'il est possible de les utiliser pour ce dont ils ne sont pas prévus au départ. Les états sont étroitement associés avec la vue, ils doivent donc être utilisés pour des choses qui affectent la vue ou changent les composants associés à la vue. Bien que vous pourriez utiliser les States pour changer les modèles de données par exemple, ce n'est pas un usage approprié. Pour mieux comprendre la manière la plus appropriée d'utiliser les States, il est important de respecter 2 règles d'utilisation:
- Appliquer un effet de transition
Si vous voulez créer une transition, le meilleur choix est d'utiliser les States.
- Pour changer ou remplacer une partie de l'écran
Si vous ajoutez ou supprimez des composants, les States sont habituellement l'outil le plus approprié.
Il y a certains cas dans lesquels l'utilisation des States est un mauvais choix. Par exemple, vous pouvez avoir un formulaire avec une zone de saisie désactivée lorsque l'utilisateur coche une CheckBox. Vous pourriez utiliser les states pour cela, mais à part si vous voulez appliquer une transition, il sera plus approprié de simplement utiliser de l'ActionScript qui se déclenchera sur l'événement click de la CheckBox ou encore d'effectuer un binding entre les deux composants.
Exemple d'utilisation des Flex States
Dans les exemples suivants, vous allez apprendre à utiliser les Flex States.
Utilisation des States avec le MXML:
- Flex States: Création et application d’états simples
- Flex States: Définir des états basés sur des états existants
- Flex States: Ajouter et Supprimer des Composants
- Flex States: Modifier la propriété d’un composant
- Flex States: Modifier le Style d’un Composant
- Flex States: Modifier l’écouteur d’événement (Event Handler) d’un composant
Utilisation des States en ActionScript (AS3):
- Flex States: Création d’états en ActionScript
- Flex States: Overrides (AddChild, SetProperty, SetEventHandler) en ActionScript
Articles Connexes:
Commentaires récents