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

Flex Effect: Animation des effets (Pause, Resume, Reverse, Delay et Repeat)

Effect: Pause, Resume et Reverse en AS3

Par défaut, les effets se jouent de manière normale. Cependant, vous pouvez les mettre en pause, les faire repartir et même inverser un effet. Tous les effets ont une méthode pause() et resume() qui met en pause et reprend la lecture d'un effet, respectivement.

Vous pouvez inverser la lecture d'un effet en utilisant la méthode reverse(). Si vous appelez la méthode reverse() alors qu'un effet est en cours de lecture, cela l'inversera depuis ce point et le lira en arrière jusqu'au début. Si l'effet n'était pas en lecture, appeler la méthode reverse() ne va pas jouer l'effet mais va le configurer de telle manière que la prochaine fois que l'effet sera déclenché, il sera lu à l'envers.

Retarder et Répéter les effets

Quand vous voulez retarder un effet, vous avez plusieurs options, selon ce que vous essayez de faire. Si vous voulez jouer un effet en attendant qu'un événement utilisateur ou système se déclenche, vous devriez associer l'effet avec le trigger qui correspond ou vous devriez appeler la méthode play() d'un effet en réponse à un événement. Si vous voulez ajouter un retard précis avant que l'effet ne commences après qu'il ait été déclenché ou lu, vous pouvez spécifier une valeur pour la propriété startDelay d'un effet. La propriété startDelay vous permet de spécifier combien de millisecondes l'effet va être mis en pause avant que sa lecture ne commence. La valeur par défaut est de 0, ce qui veut dire qu'il n'y a aucun retard. L'exemple suivant crée un effet Fade et le retarder de 1000 ms:

<mx:Fade id="fadeEffect" startDelay="1000" />

La propriété repeatCount vous permet de répéter l'effet. La valeur par défaut est de 1, ce qui veut dire que l'effet est jouer une seule fois. Si vous spécifiez une valeur supérieure à 1, l'effet va se répéter le nombre de fois spécifié. Par exemple, le code MXML suivant joue l'effet Fade deux fois:

<mx:Fade id="fadeEffect" repeatCount="2" />

Si vous spécifiez une valeur de 0, l'effet va se répéter jusqu'à ce que la méthode end() soit explicitement appelé.

Vous pouvez ajouter un délai entre les répétitions en utilisant la propriété repeatDelay. La valeur par défaut est 0. Cette valeur est interprétée en millisecondes.