Flash Catalyst CS5 -aikajana

• Saattaa 5, 2024

Jos olet kuin minä, hauska alkaa, kun lisäät vuorovaikutuksen sovellukseesi. Viimeisessä salamassa^R katalyytti^TM CS5-arvosteluartikkelissa keskustelemme verkkosivusovelluksemme sivuista / tiloista ja käskimme Catalystin ohjelmoimaan painikkeemme siirtymään verkkosivustomme yhdeltä sivulta toiselle.

Jatkamme esimerkki-verkkosivustollamme, jolla on vain kolme sivua, jotka ovat CityView, UnionParkView ja CentralParkView. Työskentelimme navigoinnin suhteen vähän, kun ohjelmoimme painikkeemme näyttämään nämä sivut. Loimme seuraavat painikkeet:

Painike 1 näyttää UnionParkView-sivun
Painike 2 näyttää CentralParkView-sivun
Painike 3 näyttää CityView-sivun

Catalyst seuraa näiden sivujen / valtioiden välistä suhdetta aikajanalla, ja voimme käyttää Catalystin aikajanaa visuaalisena oppaana navigoimiseksi verkkosivustomme sovelluksessa.

Jos olet käyttänyt Flashia, tunnet aikajanan, joka koostuu kehysjonosta. Katalysaattorin aikajana koostuu kuitenkin sovelluksemme sivuista / tiloista ja siirtymistä näiden sivujen / tilojen välillä. Katsotaanpa.

Katalysaattorin aikajana koostuu neljästä sarakkeesta. Vasemmassa reunassa on luettelo sivuista / valtioista. Projektimme painikkeiden ja sivujen / tilojen perusteella Catalyst näyttää tässä sarakkeessa verkkosivustomme sivujen välisen suhteen. Kuten huomaat, voimme siirtyä sivujen välillä neljällä tavalla. Jokainen näistä sijoitetaan kerrokselle aikajanalla.

Alkaen tästä
Cityview
Cityview
UnionParkView
CentralParkView

Loppu tähän
UnionParkView
CentralParkView
Cityview
Cityview

Aikajanan toisessa sarakkeessa näkyy aloitustila. Kun napsautamme kutakin tasoa aikajanalla, Catalyst näyttää aktiivisen sivun (sivun, jota katsomme parhaillaan) tämän toisen sarakkeen yläreunassa. Esimerkiksi ensimmäisessä kerroksessa siirrymme CityView-sivulta UnionParkView-sivulle. Siksi CityView on lueteltu aloitusvaltioksi. Mutta alakerroksessa siirrymme CentralParkView: sta CityView: hon ja CentralParkView-sivu näytetään tässä sarakkeessa.

Kolmas sarake näyttää vastaavat siirtymät, joita tarvitaan siirtymiseksi sivulta toiselle. Täällä voimme nähdä, että Catalyst on painikkeistamme päättänyt, että siirrymme sivujen välillä, ja on jo asettanut "siirtää" siirtymisen tähän sarakkeeseen meille. Kun jatkamme työtä sovelluksemme suhteen ja lisäämme uusia elementtejä ja tehosteita, Catalyst lisää automaattisesti oikean siirtymisen aikajanalle.

Neljäs sarake näyttää lopputilan. Kun taas napsautamme kutakin tasoa aikajanalla, näemme kohdesivun (sivulle, johon siirrymme), joka on lueteltu viimeisessä sarakkeessa. Nyt kun ymmärrämme aikajanan suhteen sovellukseemme, olemme valmiita lisäämään verkkosivuillemme muutamia ammattimaisia ​​animaatioita.

* Adobe toimitti minulle arvostelukopion ilmaiseksi.

Tekijänoikeus 2018 Adobe Systems Incorporated. Kaikki oikeudet pidätetään. Adobe-tuotteen näyttökuva (t) uusitaan Adobe Systems Incorporatedin luvalla. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Ilotulitteet, Contribute, Captivate, Flash Catalyst ja Flash Paper on / on joko [a] rekisteröity tavaramerkki (t) tai Adobe Systems Incorporatedin tavaramerkki (t) Yhdysvalloissa ja / tai muissa maissa.

Video-Ohjeita: Adobe Flash Catalyst CS5 Basics (Saattaa 2024).