Časovna premica Flash Catalyst CS5

• Maj 14, 2024

Če ste takšni kot jaz, se zabava začne, ko interakciji dodate svojo aplikacijo. V zadnjem Flashu^R Katalizator^TM Članek o pregledu CS5, razpravljali smo o straneh / stanjih za našo aplikacijo za spletno mesto in Catalystu rekli, naj programira naše gumbe za premik z ene strani našega spletnega mesta na drugo.

Nadaljujmo z našim primernim spletnim mestom, ki ima samo tri strani, in sicer CityView, UnionParkView in CentralParkView. Malo smo delali na navigaciji, ko smo programirali gumbe za prikaz teh strani. Ustvarili smo naslednje gumbe:

Gumb 1 bo prikazal stran UnionParkView
Z gumbom 2 se prikaže stran CentralParkView
Gumb 3 bo prikazal stran CityView

Catalyst spremlja povezavo med temi Strani / državami v Časovni premici, zato lahko Časovna premica Catalyst uporabimo kot vizualni vodnik za krmarjenje po naši spletni strani.

Če ste uporabljali Flash, poznate časovno premico, ki je sestavljena iz zaporedja okvirjev. Vendar pa Časovni trak katalizatorja sestavljajo strani / države naše aplikacije in prehodi med temi Strani / državami. Oglejmo si.

Časovna premica katalizatorja je sestavljena iz štirih stolpcev. Na skrajni levi strani je seznam Strani / države. Na podlagi gumbov in strani / držav našega projekta bo Catalyst v tem stolpcu prikazal razmerje med stranmi našega spletnega mesta. Kot vidite, se lahko med stranmi premikamo na štiri načine. Vsaka od njih je postavljena na plast v Časovni premici.

Začenši tukaj
CityView
CityView
UnionParkView
CentralParkView

Tu se konča
UnionParkView
CentralParkView
CityView
CityView

Drugi stolpec Časovne vrstice prikazuje začetno stanje. Ko kliknemo vsak sloj na Časovni trak, bo Catalyst na vrhu tega drugega stolpca prikazal aktivno stran (stran, ki jo trenutno gledamo). Na primer, v prvem sloju se premikamo s strani CityView na stran UnionParkView. Zato je CityView naveden kot začetno stanje. V spodnjem sloju pa se premikamo od CentralParkView do CityView in stran CentralParkView bo prikazana v tem stolpcu.

Tretji stolpec prikazuje ustrezne prehode, potrebne za premik z ene strani na drugo. Tu lahko vidimo, da je Catalyst iz naših gumbov določil, da se bomo premikali med stranmi in že v tem stolpcu za nas postavil prehod "premakni". Ko bomo še naprej delali na naši aplikaciji in dodali več elementov in učinkov, bo Catalyst samodejno dodal pravilen prehod na Časovni trak.

Četrti stolpec prikazuje stanje, ki se konča. Ko spet kliknemo vsak sloj na Časovnici, lahko v zadnjem stolpcu vidimo ciljno stran (stran, na katero se premikamo). Zdaj, ko razumemo odnos časovne premice do naše aplikacije, smo na naše spletno mesto pripravljeni dodati nekaj animacij profesionalnega videza.

* Adobe mi je brezplačno predložil izvod za pregled.

Avtorske pravice 2018 Adobe Systems Incorporated. Vse pravice pridržane. Posnetki zaslona izdelkov Adobe so bili ponatisnjeni z dovoljenjem 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, Prispevaj, Captivate, Flash Catalyst in Flash Paper so ali so [a] registrirana blagovna znamka (-e) ali blagovna znamka Adobe Systems Incorporated v Združenih državah Amerike in / ali drugih državah.