Flash Catalyst CS5 ajaskaala

• Aprill 20, 2024

Kui olete nagu mina, algab lõbu siis, kui lisate interaktsiooni oma rakendusele. Viimases välgus^R Katalüsaator^TM CS5 ülevaateartiklis arutasime oma veebisaidi rakenduse lehti / olekuid ja käskisime Catalyst programmeerida meie nupud meie veebisaidi ühelt leheküljelt teisele liikumiseks.

Jätkame näitesaidiga, millel on ainult kolm lehte - CityView, UnionParkView ja CentralParkView. Töötasime navigeerimise kallal natuke, kui programmeerisime nuppe nende lehtede kuvamiseks. Lõime järgmised nupud:

Nupul 1 kuvatakse leht UnionParkView
Nupul 2 kuvatakse leht CentralParkView
3. nupul kuvatakse CityView leht

Catalyst jälgib nende lehtede / olekute suhet ajateljel ja me saame kasutada katalüsaatori ajajoont visuaalse juhisena meie veebisaidi rakenduses navigeerimiseks.

Kui olete kasutanud Flashi, olete tuttav ajaskaalaga, mis koosneb kaadrite järjestusest. Katalüsaatori ajaskaala koosneb siiski meie rakenduse lehtedest / olekutest ja üleminekutest nende lehtede / olekute vahel. Vaatame lähemalt.

Katalüsaatori ajajoon koosneb neljast veerust. Vasakpoolses servas on nimekiri lehtedest / riikidest. Nuppude ja meie projekti lehtede / olekute põhjal kuvab Catalyst selles veerus meie veebisaidi lehtede suhte. Nagu näete, saame lehtede vahel liikuda neljal viisil. Kõik need paigutatakse ajajoone kihile.

Alustades siit
CityView
CityView
UnionParkView
CentralParkView

Lõpetades siin
UnionParkView
CentralParkView
CityView
CityView

Ajaskaala teises veerus kuvatakse lähteseisund. Kui klõpsame ajajoone igal kihil, kuvab Catalyst selle teise veeru ülaosas aktiivse lehe (lehe, mida me praegu vaatame). Näiteks liigume esimeses kihis CityView-lehelt UnionParkView-lehele. Seetõttu loetletakse CityView lähteriigina. Kuid alumises kihis liigume CentralParkView'lt CityView'le ja selles veerus kuvatakse leht CentralParkView.

Kolmandas veerus kuvatakse vastavad üleminekud, mis on vajalikud ühelt lehelt teisele liikumiseks. Siin näeme, et Catalyst on meie nuppude abil otsustanud, et liigume lehtede vahel, ja on sellesse veergu juba meie jaoks ülemineku "liikuma" pannud. Kuna jätkame oma rakenduse kallal töötamist ja täiendavate elementide ning efektide lisamist, lisab Catalyst automaatselt õige ülemineku ajajoonele.

Neljandas veerus kuvatakse lõppseisund. Kui jälle klõpsame ajajoone igal kihil, näeme viimases veerus loetletud sihtlehte (lehte, kuhu liigume). Nüüd, kui oleme aru saanud ajajoone seosest meie rakendusega, oleme valmis oma veebisaidile lisama mõned professionaalse ilmega animatsioonid.

* Adobe esitas mulle tasuta ülevaatekoopia.

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. 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 and Flash Paper on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.

Video Juhiseid: Adobe Flash Catalyst CS5 Demo (Aprill 2024).