Časová os aplikácie Flash Catalyst CS5

• Smieť 13, 2024

Ak ste ako ja, zábava sa spustí, keď do svojej aplikácie pridáte interakciu. V poslednom Flash^R katalyzátor^TM V článku s recenziou CS5 sme diskutovali o stránkach / štátoch pre našu webovú aplikáciu a povedali Catalyst, aby naprogramoval naše tlačidlá na presun z jednej stránky našej webovej stránky na druhú.

Pokračujme s našim príkladom webovej stránky, ktorá má iba tri stránky, ktoré sú CityView, UnionParkView a CentralParkView. Trochu sme pracovali na navigácii, keď sme naprogramovali naše tlačidlá na zobrazenie týchto stránok. Vytvorili sme nasledujúce tlačidlá:

Tlačidlo 1 zobrazí stránku UnionParkView
Tlačidlo 2 zobrazí stránku CentralParkView
Tlačidlo 3 zobrazí stránku CityView

Katalyzátor sleduje vzťah medzi týmito stránkami / štátmi v časovej osi a môžeme ho použiť ako vizuálneho sprievodcu pre navigáciu v našej webovej stránke.

Ak ste použili Flash, poznáte časovú os, ktorá sa skladá zo sekvencie snímok. Časový plán katalyzátora sa však skladá zo stránok / štátov našej aplikácie a prechodov medzi týmito stranami / štátmi. Pozrime sa.

Časová os katalyzátora pozostáva zo štyroch stĺpcov. Zcela vľavo je zoznam stránok / štátov. Na základe tlačidiel a stránok / stavov nášho projektu zobrazí katalyzátor v tomto stĺpci vzťah medzi stránkami našej webovej stránky. Ako vidíte, medzi stránkami sa môžeme pohybovať štyrmi spôsobmi. Každý z nich sa umiestni na vrstvu v časovej osi.

Začína tu
cityview
cityview
UnionParkView
CentralParkView

Končím tu
UnionParkView
CentralParkView
cityview
cityview

Druhý stĺpec časovej osi zobrazuje počiatočný stav. Keď klikneme na každú vrstvu na časovej osi, v hornej časti druhého stĺpca sa v nástroji Catalyst zobrazí aktívna stránka (stránka, ktorú práve sledujeme). Napríklad v prvej vrstve sa presúvame zo stránky CityView na stránku UnionParkView. Preto je CityView uvedený ako počiatočný štát. V spodnej vrstve sa však presúvame z CentralParkView do CityView a v tomto stĺpci sa zobrazí stránka CentralParkView.

Tretí stĺpec zobrazuje zodpovedajúce prechody potrebné na presun z jednej stránky na druhú. Tu vidíme, že z našich tlačidiel Katalyzátor určil, že sa budeme pohybovať medzi stránkami a do tohto stĺpca už vložil prechod v tomto stĺpci. Keď pokračujeme v práci na našej aplikácii a pridávame ďalšie prvky a efekty, Catalyst automaticky pridá správny prechod na časovú os.

Štvrtý stĺpec zobrazuje konečný stav. Keď klikneme na každú vrstvu na časovej osi, opäť vidíme cieľovú stránku (stránku, na ktorú sa sťahujeme), ktorá je uvedená v poslednom stĺpci. Teraz, keď chápeme vzťah časovej osi k našej aplikácii, sme pripravení pridať na našu webovú stránku niekoľko profesionálne vyzerajúcich animácií.

* Spoločnosť Adobe mi bezplatne poskytla kópiu recenzie.

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti 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 a Flash Paper je / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.