Flash Catalyst CS5-tidslinje

• April 28, 2024

Hvis du er som mig, starter det sjove, når du tilføjer interaktionen til din ansøgning. I den sidste Flash^R Katalysator^TM CS5-gennemgangsartikel diskuterede vi siderne / staterne til vores webstedsapplikation og fortalte Catalyst at programmere vores knapper til at flytte fra en side af vores hjemmeside til en anden.

Lad os fortsætte med vores eksempelwebsted, der kun har tre sider, som er CityView, UnionParkView og CentralParkView. Vi arbejdede lidt på navigationen, da vi programmerede vores knapper til at få vist disse sider. Vi oprettede følgende knapper:

Knap 1 viser siden UnionParkView
Knappe 2 viser siden CentralParkView
Knappe 3 viser siden CityView

Catalyst holder styr på forholdet mellem disse sider / stater på tidslinjen, og vi kan bruge Catalyst-tidslinjen som en visuel guide til at navigere i vores webstedsapplikation.

Hvis du har brugt Flash, er du bekendt med en tidslinje, der består af en række rammer. Catalyst-tidslinjen består dog af siderne / staterne i vores applikation og overgange mellem disse sider / stater. Lad os se.

Catalyst-tidslinjen består af fire kolonner. Længst til venstre er en liste over sider / stater. Baseret på knapperne og sider / tilstande for vores projekt, vil Catalyst vise forholdet mellem siderne på vores websted i denne kolonne. Som du kan se, kan vi flytte mellem sider på fire måder. Hver af disse er placeret på et lag i tidslinjen.

Begynd her
CityView
CityView
UnionParkView
CentralParkView

Slutter her
UnionParkView
CentralParkView
CityView
CityView

Den anden kolonne på tidslinjen viser starttilstanden. Når vi klikker på hvert lag i tidslinjen, vil Catalyst vise den aktive side (den side, vi i øjeblikket ser), øverst i denne anden kolonne. I det første lag flytter vi for eksempel fra CityView-siden til UnionParkView-siden. Derfor er CityView opført som startstat. Men i det nederste lag bevæger vi os fra CentralParkView til CityView, og siden CentralParkView vises i denne kolonne.

Den tredje kolonne viser de tilsvarende overgange, der er nødvendige for at flytte fra den ene side til den anden. Her kan vi se, at Catalyst fra vores knapper har bestemt, at vi skal bevæge os mellem sider og allerede har lagt en "flytning" -overgang i denne kolonne for os. Når vi fortsætter med at arbejde på vores applikation og tilføje flere elementer og effekter, tilføjer Catalyst automatisk den korrekte overgang til tidslinjen.

Den fjerde kolonne viser sluttilstanden. Igen, når vi klikker på hvert lag i tidslinjen, kan vi se målsiden (siden, vi flytter til), der er anført i den sidste kolonne. Nu hvor vi forstår forholdet mellem tidslinjen og vores applikation, er vi klar til at tilføje et par professionelle animationer til vores websted.

* Adobe leverede gratis en gennemgangskopi til mig.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Adobe Flash Catalyst CS5 Demo (April 2024).