6 – Fonctionnalités avancées : états d’affichage, effets et transition
© Groupe Eyrolles, 2008
89
Retour à l’état initial
Notre View State est donc correctement intégré. Nous souhaitons néanmoins ajouter un élément de contrôle déclenchant le retour à l’état initial. Ceci est possible en utilisant notre LinkButton et en lui appliquant
les modifications de propriétés suivantes :
Modification du LinkButton
Nous modifions son contenu texte en le remplaçant par "- réduire"
pour indiquer qu’un second clic sur cet élément produira l’effet inverse.
Ensuite, nous définissons un événement différent, via l’instruction
name="click" handler="currentState=''" afin de déclencher un retour
vers l’état initial Base state.
Effets et transitions
Le basculement entre les deux états définis dans le chapitre précédent est
visuellement un peu rude. Il serait alors regrettable de disposer de la
machine virtuelle Flash et de ne pas utiliser ses capacités d’animations
graphiques. D’autant plus que le framework de Flex offre tout un
bataillon d’effets et de transitions prêts à l’emploi, sans que l’on ait
besoin de saisir une seule ligne de code ActionScript !
Ajouter des effets subtils de transition dans une application permet également d’enrichir l’expérience de l’utilisateur. En effet, les transitions et
les mouvements d’éléments d’une interface utilisateur peuvent aider à
mettre en évidence une information importante et alerter l’internaute sur
un point précis.
Prenons le cas de notre projet. La transition entre les deux états manque
de douceur. Nous allons utiliser les capacités de Flex pour fluidifier cette
transition, en créant par exemple un effet sur le panneau Edito (anima
ATTENTION
Retour vers l’état initial Base state
En utilisant currentState='' sans indiquer d’identifiant (valeur vide entre les guillemets), vous spécifiez implicitement un retour
vers l’état initial Base state.
© Groupe Eyrolles, 2008
89
Retour à l’état initial
Notre View State est donc correctement intégré. Nous souhaitons néanmoins ajouter un élément de contrôle déclenchant le retour à l’état initial. Ceci est possible en utilisant notre LinkButton et en lui appliquant
les modifications de propriétés suivantes :
Modification du LinkButton
Nous modifions son contenu texte en le remplaçant par "- réduire"
pour indiquer qu’un second clic sur cet élément produira l’effet inverse.
Ensuite, nous définissons un événement différent, via l’instruction
name="click" handler="currentState=''" afin de déclencher un retour
vers l’état initial Base state.
Effets et transitions
Le basculement entre les deux états définis dans le chapitre précédent est
visuellement un peu rude. Il serait alors regrettable de disposer de la
machine virtuelle Flash et de ne pas utiliser ses capacités d’animations
graphiques. D’autant plus que le framework de Flex offre tout un
bataillon d’effets et de transitions prêts à l’emploi, sans que l’on ait
besoin de saisir une seule ligne de code ActionScript !
Ajouter des effets subtils de transition dans une application permet également d’enrichir l’expérience de l’utilisateur. En effet, les transitions et
les mouvements d’éléments d’une interface utilisateur peuvent aider à
mettre en évidence une information importante et alerter l’internaute sur
un point précis.
Prenons le cas de notre projet. La transition entre les deux états manque
de douceur. Nous allons utiliser les capacités de Flex pour fluidifier cette
transition, en créant par exemple un effet sur le panneau Edito (anima
ATTENTION
Retour vers l’état initial Base state
En utilisant currentState='' sans indiquer d’identifiant (valeur vide entre les guillemets), vous spécifiez implicitement un retour
vers l’état initial Base state.