Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

AIR Mobile – Modifier la transition entre des View: SlideViewTransition et ViewTransition

AIR dans sa version pour mobiles contient plusieurs composants pour vous faciliter la vie. On peut notamment citer les composants View et ViewNavigator qui vous permettent d'implémenter facilement le paradigme "mobile": de multiples vues empilées, une seule visible à la fois.

Pour changer de vue, il suffit de faire un pushView(NomDeLaClassDeLaVue, data) sur l'objet ViewNavigator. Pour revenir en arrière, un simple popView() et la vue courante est supprimée pour faire place à la dernière vue.

Pendant le changement de vue se produit une transition par défaut. Par défaut, la vue courante semble glisser de gauche à droite (ou de droite à gauche, cela dépend comme vous le voyez) et cela aussi bien pour le pushView que pour le popView. Si vous voulez modifier cette transition, le SDK vous le permet de manière assez simple. Vous pourrez par exemple faire une transition dans l'autre sens pour un popView.

Pour réaliser cette transition, on va utiliser les paramètres facultatifs qui peuvent être passés aux méthode pushView et popView. Chacune de ses méthodes prend un paramètre de type ViewTransition:

http://help.adobe.com/en_US/FlashPlatform/beta/reference/actionscript/3/spark/effects/ViewTransition.html

La classe ViewTransition n'est en faite jamais utilisée directement mais sert de base (classe abstraite) pour d'autres classes comme SlideViewTransition:

http://help.adobe.com/en_US/FlashPlatform/beta/reference/actionscript/3/spark/effects/SlideViewTransition.html

Pour l'instant, SlideViewTransition est la seule classe du SDK qui étend ViewTransition. SlideViewTransition est donc une ViewTransition par héritage.

A moins de créer votre propre implémentation de ViewTransition, vous n'aurez donc pas le choix. Si vous vous sentez l'âme d'un aventurier, regardez bien le code de la classe SlideViewTransition (Ctrl+Shift+T), vous verrez que celle-ci est très bien réalisée avec de nombreuses optimisations. N'hésitez pas à vous en inspirer. En attendant, je vous conseillerai d'attendre que d'autres ViewTransition voient le jour .

Il y a en fait 2 types de SlideViewTransition que vous pouvez utiliser, "left" ou "right". Notez que ces directions sont des constantes static de SlideViewTransition. Vous pouvez aussi passer un temps de transition (en millisecondes).

Pour réaliser une transition dans l'autre sens pour un popView, voici donc le code:

var slideViewTransition:SlideViewTransition = new SlideViewTransition(300, SlideViewTransition.SLIDE_RIGHT);
navigator.popView(slideViewTransition);.