Chronologie de Flash Catalyst CS5

• Mai 16, 2024

Si vous êtes comme moi, le plaisir commence lorsque vous ajoutez l'interaction à votre application. Dans le dernier Flash^R Catalyseur^TM Article de revue CS5, nous avons discuté des pages / états pour notre application de site Web et avons dit à Catalyst de programmer nos boutons pour passer d'une page de notre site Web à une autre.

Continuons avec notre exemple de site Web qui ne comporte que trois pages qui sont CityView, UnionParkView et CentralParkView. Nous avons un peu travaillé la navigation en programmant nos boutons pour afficher ces pages. Nous avons créé les boutons suivants:

Le bouton 1 affichera la page UnionParkView
Le bouton 2 affichera la page CentralParkView
Le bouton 3 affichera la page CityView

Catalyst garde une trace de la relation entre ces pages / états dans la chronologie et nous pouvons utiliser la chronologie Catalyst comme un guide visuel pour naviguer dans notre application de site Web.

Si vous avez utilisé Flash, vous connaissez une chronologie composée d'une séquence d'images. Cependant, la chronologie Catalyst est constituée des pages / états de notre application et des transitions entre ces pages / états. Nous allons jeter un coup d'oeil.

La chronologie de Catalyst est composée de quatre colonnes. À l'extrême gauche se trouve une liste de pages / états. Sur la base des boutons et des pages / états de notre projet, Catalyst affichera la relation entre les pages de notre site Web dans cette colonne. Comme vous pouvez le voir, nous pouvons naviguer entre les pages de quatre manières. Chacun d'eux est placé sur un calque dans la timeline.

Commencer ici
Vue de la ville
Vue de la ville
UnionParkView
CentralParkView

Fin ici
UnionParkView
CentralParkView
Vue de la ville
Vue de la ville

La deuxième colonne de la timeline affiche l'état de départ. Lorsque nous cliquons sur chaque couche de la timeline, Catalyst affiche la page active (la page que nous consultons actuellement) en haut de cette deuxième colonne. Par exemple, dans la première couche, nous passons de la page CityView à la page UnionParkView. Par conséquent, CityView est répertorié comme état de départ. Mais dans la couche inférieure, nous passons de CentralParkView à CityView et la page CentralParkView sera affichée dans cette colonne.

La troisième colonne affiche les transitions correspondantes nécessaires pour passer d'une page à l'autre. Ici, nous pouvons voir que Catalyst a déterminé à partir de nos boutons que nous allons nous déplacer entre les pages et a déjà mis une transition "déplacer" dans cette colonne pour nous. Alors que nous continuons à travailler sur notre application et à ajouter plus d'éléments et d'effets, Catalyst ajoutera automatiquement la transition correcte à la timeline.

La quatrième colonne affiche l'état final. Encore une fois, lorsque nous cliquons sur chaque couche de la timeline, nous pouvons voir la page cible (page vers laquelle nous nous déplaçons) répertoriée dans la dernière colonne. Maintenant que nous comprenons la relation entre la chronologie et notre application, nous sommes prêts à ajouter quelques animations d'aspect professionnel à notre site Web.

* Adobe m'a fourni une copie de révision gratuitement.

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: DJ Noisul - Mental Resistance (Made In FL Studio 09) (Mai 2024).