Flash Catalyst CS5 idővonal

• Lehet 3, 2024

Ha olyan vagy, mint én, a móka akkor kezdődik, amikor hozzáadja az interakciót alkalmazásához. Az utolsó vakuban^R Katalizátor^TM A CS5 áttekintő cikkében megvitattuk a weboldal alkalmazás oldalait / államait, és azt mondtuk a Catalyst-nak, hogy programozza be a gombjainkat weboldalunk egyik oldaláról a másikra való áttéréshez.

Folytassuk a példa weboldalunkkal, amelynek csak három oldala van: CityView, UnionParkView és CentralParkView. Kicsit dolgoztunk a navigáción, amikor beprogramoztuk a gombjainkat ezen oldalak megjelenítéséhez. A következő gombokat hoztunk létre:

Az 1. gomb megjeleníti az UnionParkView oldalt
A 2 gomb megjeleníti a CentralParkView oldalt
A 3 gomb megjeleníti a CityView oldalt

A Catalyst nyomon követi az oldalak / államok közötti viszonyt az Idővonalban, és a Catalyst Idővonal felhasználhatjuk vizuális útmutatóként a weboldalunkon való navigáláshoz.

Ha Flash-et használt, akkor ismeri az idővonalat, amelyet egy képkocka-sorozat alkot. A Catalyst Idővonal azonban alkalmazásunk oldalaiból / államaiból és az ezen oldalak / államok közötti átmenetekből áll. Lássuk.

A Catalyst Timeline négy oszlopból áll. A bal oldalon a Oldalak / Államok listája található. Projektünk gombjai és oldalai / állapota alapján a Catalyst ebben az oszlopban megjeleníti a weboldalunk oldalai közötti kapcsolatot. Mint láthatja, négy módon mozgathatunk az oldalak között. Mindegyiket egy rétegre helyezik az Idővonalban.

Itt kezdődik
Cityview
Cityview
UnionParkView
CentralParkView

Itt ér véget
UnionParkView
CentralParkView
Cityview
Cityview

Az Idővonal második oszlopában megjelenik a kiindulási állapot. Ahogy az Idővonal minden rétegére kattintunk, a Catalyst megjeleníti az aktív oldalt (az oldalt, amelyet éppen megtekintettünk) a második oszlop tetején. Például az első rétegben a CityView oldalról az UnionParkView oldalra lépünk. Ezért a CityView a kiindulási állam. De az alsó rétegben a CentralParkView-ról a CityView-ra mozogunk, és ebben az oszlopban a CentralParkView-oldal jelenik meg.

A harmadik oszlop megjeleníti a megfelelő átmeneteket, amelyek az egyik oldalról a másikra történő áthelyezéshez szükségesek. Itt láthatjuk, hogy a Catalyst gombjaink alapján megállapította, hogy az oldalak között mozogunk, és ebben az oszlopban már beillesztett egy "áthelyezési" átmenetet nekünk. Amint folytatjuk alkalmazásunkat, és további elemeket és effektusokat adunk hozzá, a Catalyst automatikusan hozzáadja a helyes átmenetet az Idővonalhoz.

A negyedik oszlop megjeleníti a végállapotot. Ha ismét rákattintunk az egyes időpontokra, akkor láthatjuk az utolsó oszlopban felsorolt ​​céloldalt (oldalt, amelyre mozogunk). Most, hogy megértjük az Idővonal és az alkalmazás kapcsolatát, készen állunk néhány professzionális megjelenésű animáció hozzáadására webhelyünkre.

* Az Adobe ingyenes áttekintő példányt adott nekem.

Szerzői jog 2018 Adobe Systems Incorporated. Minden jog fenntartva. Az Adobe termék képernyőképe (i) újra kinyomtatva az Adobe Systems Incorporated engedélyével. 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 és Flash Paper vagy bejegyzett védjegy (ek) vagy az Adobe Systems Incorporated védjegye (i) az Egyesült Államokban és / vagy más országokban.