Cronologia di Flash Catalyst CS5

• Potrebbe 5, 2024

Se sei come me, il divertimento inizia quando aggiungi l'interazione alla tua applicazione. Nell'ultimo Flash^R Catalizzatore^TM Articolo di revisione CS5, abbiamo discusso le pagine / gli stati per l'applicazione del nostro sito Web e abbiamo detto a Catalyst di programmare i nostri pulsanti per passare da una pagina del nostro sito Web a un'altra.

Continuiamo con il nostro sito Web di esempio che ha solo tre pagine che sono CityView, UnionParkView e CentralParkView. Abbiamo lavorato un po 'sulla navigazione quando abbiamo programmato i nostri pulsanti per visualizzare queste pagine. Abbiamo creato i seguenti pulsanti:

Il pulsante 1 visualizzerà la pagina UnionParkView
Il pulsante 2 visualizzerà la pagina CentralParkView
Il pulsante 3 visualizzerà la pagina CityView

Catalyst tiene traccia della relazione tra queste pagine / stati nella linea temporale e possiamo utilizzare la linea temporale Catalyst come guida visiva per navigare nell'applicazione del nostro sito Web.

Se hai utilizzato Flash, hai familiarità con una linea temporale composta da una sequenza di fotogrammi. Tuttavia, la linea temporale del catalizzatore è costituita dalle pagine / stati della nostra applicazione e dalle transizioni tra tali pagine / stati. Diamo un'occhiata.

La linea temporale del catalizzatore è composta da quattro colonne. All'estrema sinistra è un elenco di pagine / stati. Sulla base dei pulsanti e delle pagine / stati del nostro progetto, Catalyst mostrerà la relazione tra le pagine del nostro sito Web in questa colonna. Come puoi vedere, possiamo spostarci tra le pagine in quattro modi. Ognuno di questi viene posizionato su un livello nella linea temporale.

A partire da qui
Vista della città
Vista della città
UnionParkView
CentralParkView

Finendo qui
UnionParkView
CentralParkView
Vista della città
Vista della città

La seconda colonna della linea temporale mostra lo stato iniziale. Quando facciamo clic su ciascun livello nella linea temporale, Catalyst mostrerà la pagina attiva (la pagina che stiamo attualmente visualizzando) nella parte superiore di questa seconda colonna. Ad esempio, nel primo livello ci stiamo spostando dalla pagina CityView alla pagina UnionParkView. Pertanto, CityView è elencato come stato iniziale. Ma nel livello inferiore, ci stiamo spostando da CentralParkView a CityView e la pagina CentralParkView verrà visualizzata in questa colonna.

La terza colonna mostra le transizioni corrispondenti necessarie per spostarsi da una pagina all'altra. Qui possiamo vedere che Catalyst ha determinato dai nostri pulsanti che ci sposteremo tra le pagine e ha già messo una transizione "sposta" in questa colonna per noi. Mentre continuiamo a lavorare sulla nostra applicazione e ad aggiungere più elementi ed effetti, Catalyst aggiungerà automaticamente la transizione corretta alla linea temporale.

La quarta colonna mostra lo stato finale. Ancora una volta, facendo clic su ciascun livello nella linea temporale, possiamo vedere la pagina di destinazione (pagina in cui ci stiamo spostando) elencata nell'ultima colonna. Ora che comprendiamo la relazione della linea temporale con la nostra applicazione, siamo pronti ad aggiungere alcune animazioni dall'aspetto professionale al nostro sito Web.

* Adobe mi ha fornito una copia di revisione gratuitamente.

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di 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, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.