article(s) dans votre panier VOIR

Tuto Flex | Animer les états à l'aide des transitions

  • Vidéo 21 sur 54
  • 3h40 de formation
  • 54 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

La suite de cette vidéo est accessible après achat de la formation.
previous
summary
resume
next
play
Animer les états à l'aide des transitions
00:00 / 08:35
HD
fullscreen
Je m’abonne à partir de
16,6 € / mois
OU 44,90€ Ajouter au panier
  • Téléchargement + VOD à vie
  • Exercice / Validation des acquis
  • Accès illimité

Sommaire de la formation

Détails de la formation

Dans ce cours en ligne pour apprendre Flex 4 Air 2, le formateur expert vous explique comment animer les états à l’aide des transitions. L’objectif de ce tutoriel vidéo consiste à vous montrer comment déclencher des effets sur des composants. Pour y parvenir, vous avez à votre disposition une application à deux états, à savoir l’état Home et l’état Contact. Cette application contient trois différents panels qui sont Panel home affiché sur l’état Home, le Panel about et contact, marqués dans l’état Contact. Par la suite, vous disposez d’un bouton qui vous permet de passer d’un état à un autre à partir de la fonction Change State. Dans cette dernière, vous possédez ce que l’on appelle un opérateur ternaire. Celui-ci est un test de type if else avec une structure différente. En ce qui concerne le déclenchement d’effets, il vous faut effectuer un test de vérification du current state. Autrement dit, vous allez déterminer si le current state équivaut à l’état Home. Pour le cas où le résultat se révèle positif, l’opération va se déclencher en True et dans le cas contraire, la deuxième étape va se lancer. Dans ce cas, vous attribuez la commande this.currentState = ‘contact au résultat positif et this.currentState = ‘home’. A cet effet, lorsque vous allez lancer votre application et que vous cliquez sur le bouton Change état, votre panel Home disparait et vos panels contacts et about apparaissent. Suite à cela, il vous est possible d’ajouter des effets à vos changements d’états. Pour ce faire, il vous suffit d’ajouter des effets de transition pour déterminer le changement d’un état à un autre. Dans ce sens, vous entrez la fonction . Après cela, il vous reste de définir l’objet de transition adapté à l’effet que vous désirez obtenir. Pour conclure, vous savez désormais comment fonctionne Flex 4 Air 2.