Flash Catalyst CS5-tijdlijn
Als je bent zoals ik, begint het plezier wanneer je de interactie toevoegt aan je applicatie. In de laatste FlashR CatalystTM CS5 review-artikel, we hebben de Pages / States voor onze website-applicatie besproken en Catalyst gevraagd onze knoppen te programmeren om van de ene pagina van onze website naar de andere te gaan.

Laten we doorgaan met onze voorbeeldwebsite met slechts drie pagina's: CityView, UnionParkView en CentralParkView. We hebben een beetje aan de navigatie gewerkt toen we onze knoppen programmeerden om deze pagina's weer te geven. We hebben de volgende knoppen gemaakt:

Knop 1 geeft de pagina UnionParkView weer
Knop 2 geeft de CentralParkView-pagina weer
Knop 3 geeft de CityView-pagina weer

Catalyst houdt de relatie tussen deze pagina's / staten in de tijdlijn bij en we kunnen de Catalyst-tijdlijn gebruiken als visuele gids voor het navigeren door onze website-applicatie.

Als u Flash hebt gebruikt, bent u bekend met een tijdlijn die bestaat uit een reeks frames. De Catalyst-tijdlijn bestaat echter uit de pagina's / staten van onze applicatie en de overgangen tussen die pagina's / staten. Laten we kijken.

De Catalyst-tijdlijn bestaat uit vier kolommen. Helemaal links staat een lijst met pagina's / staten. Op basis van de knoppen en pagina's / staten van ons project zal Catalyst de relatie tussen de pagina's van onze website in deze kolom weergeven. Zoals u ziet, kunnen we op vier manieren van pagina wisselen. Elk van deze wordt op een laag in de tijdlijn geplaatst.

Hier beginnen
Uitzicht op de stad
Uitzicht op de stad
UnionParkView
CentralParkView

Hier eindigen
UnionParkView
CentralParkView
Uitzicht op de stad
Uitzicht op de stad

De tweede kolom van de tijdlijn geeft de startstatus weer. Wanneer we op elke laag in de tijdlijn klikken, geeft Catalyst de actieve pagina (de pagina die we momenteel bekijken) boven aan deze tweede kolom weer. In de eerste laag gaan we bijvoorbeeld van de CityView-pagina naar de UnionParkView-pagina. Daarom wordt CityView vermeld als de startstaat. Maar in de onderste laag gaan we van CentralParkView naar CityView en de CentralParkView-pagina wordt in deze kolom weergegeven.

De derde kolom toont de overeenkomstige overgangen die nodig zijn om van de ene pagina naar de andere te gaan. Hier kunnen we zien dat Catalyst op basis van onze knoppen heeft bepaald dat we van pagina naar pagina gaan en voor ons al een "verplaats" -overgang in deze kolom hebben geplaatst. Terwijl we aan onze applicatie blijven werken en meer elementen en effecten toevoegen, voegt Catalyst automatisch de juiste overgang aan de tijdlijn toe.

De vierde kolom geeft de eindstatus weer. Nogmaals, als we op elke laag in de tijdlijn klikken, zien we de doelpagina (pagina waarnaar we naartoe gaan) in de laatste kolom staan. Nu we de relatie van de tijdlijn tot onze applicatie begrijpen, zijn we klaar om een ​​paar professioneel ogende animaties aan onze website toe te voegen.

* Adobe heeft mij gratis een recensie-exemplaar verstrekt.

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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 en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.


Video-Instructies: Les 1: Introductie in Flash CS5.5 (Maart 2024).