Časová osa Flash Catalyst CS5

• Smět 15, 2024

Pokud jste jako já, zábava začíná přidáním interakce do aplikace. V posledním Flash^R Katalyzátor^TM V článku s recenzemi CS5 jsme probrali stránky / státy pro naši webovou aplikaci a řekli Catalystovi, aby naprogramoval naše tlačítka pro přesun z jedné stránky našeho webu na druhou.

Pokračujme s naším vzorovým webem, který má pouze tři stránky, které jsou CityView, UnionParkView a CentralParkView. Trochu jsme pracovali na navigaci, když jsme programovali naše tlačítka pro zobrazení těchto stránek. Vytvořili jsme následující tlačítka:

Tlačítko 1 zobrazí stránku UnionParkView
Tlačítko 2 zobrazí stránku CentralParkView
Tlačítko 3 zobrazí stránku CityView

Catalyst sleduje vztah mezi těmito stránkami / státy v časové ose a můžeme použít Catalyst Timeline jako vizuální průvodce pro navigaci v naší webové aplikaci.

Pokud jste použili Flash, jste obeznámeni s časovou osou, která se skládá ze sekvence rámců. Časová osa katalyzátoru se však skládá ze stránek / států naší aplikace a přechodů mezi těmito stránkami / státy. Podívejme se na to.

Časová osa katalyzátoru se skládá ze čtyř sloupců. Zcela vlevo je seznam stránek / států. Na základě tlačítek a stránek / stavů našeho projektu zobrazí Catalyst v tomto sloupci vztah mezi stránkami našeho webu. Jak vidíte, můžeme se mezi stránkami pohybovat čtyřmi způsoby. Každý z nich je umístěn na vrstvu v časové ose.

Počínaje zde
CityView
CityView
UnionParkView
CentralParkView

Končí zde
UnionParkView
CentralParkView
CityView
CityView

Druhý sloupec časové osy zobrazuje počáteční stav. Když klikneme na každou vrstvu na časové ose, Katalyzátor zobrazí aktivní stránku (stránku, kterou právě prohlížíme) v horní části tohoto druhého sloupce. Například v první vrstvě přecházíme ze stránky CityView na stránku UnionParkView. CityView je proto uveden jako výchozí stát. Ve spodní vrstvě se však přesouváme z CentralParkView do CityView a v tomto sloupci se zobrazí stránka CentralParkView.

Třetí sloupec zobrazuje odpovídající přechody potřebné k přesunu z jedné stránky na druhou. Zde vidíme, že Katalyzátor z našich tlačítek určil, že se budeme pohybovat mezi stránkami a do tohoto sloupce již vložil přechod „přesun“. Jak pokračujeme v práci na naší aplikaci a přidáváme další prvky a efekty, Catalyst automaticky přidá správný přechod na časovou osu.

Čtvrtý sloupec zobrazuje konečný stav. Když znovu klikneme na každou vrstvu v časové ose, můžeme vidět cílovou stránku (stránku, na kterou se přesouváme), která je uvedena v posledním sloupci. Nyní, když chápeme vztah časové osy k naší aplikaci, jsme připraveni přidat na náš web několik profesionálně vypadajících animací.

* Společnost Adobe mi bezplatně poskytla kopii recenze.

Copyright 2018 Adobe Systems Incorporated. Všechna práva vyhrazena. Snímky obrazovky produktů Adobe přetištěné se souhlasem společnosti 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 a Flash Paper je / jsou [a] registrovanou ochrannou známkou (značkami) nebo ochrannou známkou (značkami) společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.

Video Návody: Building Dynamic Web Apps with Laravel by Eric Ouyang (Smět 2024).