Oś czasu Flash Catalyst CS5

• Może 18, 2024

Jeśli jesteś podobny do mnie, zabawa zaczyna się po dodaniu interakcji do aplikacji. W ostatnim Flashu^R Katalizator^TM Artykuł przeglądowy CS5, omawialiśmy Strony / Stany dla naszej aplikacji internetowej i powiedzieliśmy Catalyst, aby zaprogramowała nasze przyciski, aby przechodzić z jednej strony naszej witryny na drugą.

Kontynuujmy z naszą przykładową witryną internetową, która ma tylko trzy strony: CityView, UnionParkView i CentralParkView. Trochę pracowaliśmy nad nawigacją, kiedy zaprogramowaliśmy nasze przyciski do wyświetlania tych stron. Stworzyliśmy następujące przyciski:

Przycisk 1 wyświetli stronę UnionParkView
Przycisk 2 wyświetli stronę CentralParkView
Przycisk 3 wyświetli stronę CityView

Catalyst śledzi relacje między tymi stronami / stanami na osi czasu i możemy używać osi czasu Catalyst jako wizualnego przewodnika po nawigacji po naszej aplikacji internetowej.

Jeśli korzystałeś z Flasha, znasz Oś czasu, która składa się z sekwencji ramek. Oś czasu Catalyst składa się jednak ze stron / stanów naszej aplikacji i przejść między tymi stronami / stanami. Spójrzmy.

Oś czasu katalizatora składa się z czterech kolumn. Po lewej stronie znajduje się lista stron / stanów. W oparciu o przyciski i Strony / Stany naszego projektu, Catalyst wyświetli w tej kolumnie relacje między stronami naszej witryny. Jak widać, możemy przemieszczać się między stronami na cztery sposoby. Każdy z nich jest umieszczony na warstwie na osi czasu.

Zaczynając tutaj
Widok miasta
Widok miasta
UnionParkView
CentralParkView

Kończąc tutaj
UnionParkView
CentralParkView
Widok miasta
Widok miasta

Druga kolumna Osi czasu wyświetla stan początkowy. Gdy klikamy każdą warstwę na Osi czasu, Catalyst wyświetli aktywną stronę (stronę, którą aktualnie oglądamy) u góry tej drugiej kolumny. Na przykład w pierwszej warstwie przenosimy się ze strony CityView do strony UnionParkView. Dlatego CityView jest wymienione jako stan wyjściowy. Ale w dolnej warstwie przenosimy się z CentralParkView do CityView, a strona CentralParkView zostanie wyświetlona w tej kolumnie.

Trzecia kolumna wyświetla odpowiednie przejścia potrzebne do przejścia z jednej strony na drugą. Tutaj widzimy, że Catalyst określił na podstawie naszych przycisków, że będziemy poruszać się między stronami i już dla nas umieścił przejście w tej kolumnie. W trakcie pracy nad naszą aplikacją oraz dodawania kolejnych elementów i efektów, Catalyst automatycznie doda prawidłowe przejście do osi czasu.

Czwarta kolumna wyświetla stan końcowy. Ponownie, gdy klikamy każdą warstwę na Osi czasu, możemy zobaczyć stronę docelową (stronę, do której się przenosimy) wymienioną w ostatniej kolumnie. Teraz, gdy rozumiemy związek Osi czasu z naszą aplikacją, jesteśmy gotowi dodać kilka profesjonalnie wyglądających animacji do naszej strony internetowej.

* Adobe dostarczył mi kopię recenzji bezpłatnie.

Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą 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 i Flash Paper jest / są [a] zarejestrowanym znakiem towarowym lub znakami towarowymi Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.