Línea de tiempo de Flash Catalyst CS5
Si eres como yo, la diversión comienza cuando agregas la interacción a tu aplicación. En el ultimo flashR CatalizadorTM En el artículo de revisión de CS5, discutimos las páginas / estados para la aplicación de nuestro sitio web y le dijimos a Catalyst que programe nuestros botones para pasar de una página de nuestro sitio web a otra.

Continuemos con nuestro sitio web de ejemplo que tiene solo tres páginas que son CityView, UnionParkView y CentralParkView. Trabajamos un poco en la navegación cuando programamos nuestros botones para mostrar estas páginas. Creamos los siguientes botones:

El botón 1 mostrará la página UnionParkView
El botón 2 mostrará la página CentralParkView
El botón 3 mostrará la página CityView

Catalyst realiza un seguimiento de la relación entre estas páginas / estados en la línea de tiempo y podemos usar la línea de tiempo de Catalyst como guía visual para navegar por la aplicación de nuestro sitio web.

Si ha utilizado Flash, está familiarizado con una línea de tiempo que se compone de una secuencia de cuadros. Sin embargo, la línea de tiempo de Catalyst se compone de las páginas / estados de nuestra aplicación y las transiciones entre esas páginas / estados. Vamos a ver.

La línea de tiempo del catalizador está compuesta por cuatro columnas. En el extremo izquierdo hay una lista de páginas / estados. Según los botones y las páginas / estados de nuestro proyecto, Catalyst mostrará la relación entre las páginas de nuestro sitio web en esta columna. Como puede ver, podemos movernos de una página a otra de cuatro maneras. Cada uno de estos se coloca en una capa en la línea de tiempo.

Comenzando aquí
Vista de la ciudad
Vista de la ciudad
UnionParkView
CentralParkView

Terminando aquí
UnionParkView
CentralParkView
Vista de la ciudad
Vista de la ciudad

La segunda columna de la línea de tiempo muestra el estado inicial. Al hacer clic en cada capa en la línea de tiempo, Catalyst mostrará la página activa (la página que estamos viendo actualmente) en la parte superior de esta segunda columna. Por ejemplo, en la primera capa nos movemos de la página CityView a la página UnionParkView. Por lo tanto, CityView aparece como el estado inicial. Pero en la capa inferior, nos estamos moviendo de CentralParkView a CityView y la página CentralParkView se mostrará en esta columna.

La tercera columna muestra las transiciones correspondientes necesarias para pasar de una página a otra. Aquí podemos ver que Catalyst ha determinado a partir de nuestros botones que nos moveremos entre las páginas y ya ha puesto una transición de "mover" en esta columna para nosotros. A medida que continuamos trabajando en nuestra aplicación y agregamos más elementos y efectos, Catalyst agregará automáticamente la transición correcta a la línea de tiempo.

La cuarta columna muestra el estado final. Nuevamente, cuando hacemos clic en cada capa en la línea de tiempo, podemos ver la página de destino (página a la que nos estamos moviendo) en la última columna. Ahora que entendemos la relación de la línea de tiempo con nuestra aplicación, estamos listos para agregar algunas animaciones de aspecto profesional a nuestro sitio web.

* Adobe me proporcionó una copia de revisión de forma gratuita.

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.


Instrucciones De Vídeo: Flash Catalyst CS5: Linea de Tiempo (Marzo 2024).