Flash Catalyst - Przestrzeń robocza

• Może 16, 2024

W naszym projekcie portfolio stworzyliśmy grafikę dla naszego interfejsu portfolio w Photoshopie^R i zaimportowałem plik PSD do Adobe^R Lampa błyskowa^R Katalizator^TM. Teraz jesteśmy gotowi wykonać przyciski (zwane komponentami interaktywnymi), które ułatwią nawigację w portfolio. Otwórz plik PortfolioLayout.psd w Catalyst i rozejrzyjmy się. Na pierwszy rzut oka zobaczysz, że obszar roboczy nie jest tak onieśmielający jak obszar roboczy Flash.

U góry znajduje się panel Strony / Stany, w którym znajduje się miniatura każdej strony naszego projektu. W tej chwili mamy jedną stronę z widocznym pierwszym logo. Ale abyśmy mogli wyświetlić pozostałe dwa logo w portfolio, musimy utworzyć jeszcze dwie strony (stany).

Pod panelem Strony / etapy znajduje się widok naszego projektu o nazwie Obszar roboczy, a pod nim znajduje się panel Osie czasu. Ci z was, którzy znają Flasha, zauważą, że oś czasu jest nieco inna w Catalyst. Jak widać na kartach Przejścia stanu i Sekwencje akcji, nadal używamy Osi czasu do kontrolowania tego, co się dzieje, ale Oś czasu nie ma tych znanych klatek kluczowych. Wynika to z faktu, że Catalyst podejmuje większość decyzji dotyczących tego, co się z nami dzieje, gdy dodajemy składniki interfejsu użytkownika.

Po prawej stronie mamy panel Narzędzia i ikony podobne do wszystkich programów Adobe. Poniżej mamy panel Warstwy. Działa podobnie jak Photoshop i Illustrator^R Panele warstw, a nie warstwy we Flashu, które są częścią osi czasu.

Następnie mamy panele elementów szkieletowych, biblioteki i danych projektowych. Kliknij kartę Biblioteka, a zobaczysz listę grafik i stylów z naszego importowanego pliku PSD. Wróć do panelu Elementy szkieletowe. Jest to panel zawierający wszystkie składniki, które możemy dodać do naszego projektu. Nazywa się je „Wireframe”, ponieważ te elementy są „nagimi kośćmi”. Mają zostać dodane do importowanej grafiki w celu stworzenia komponentów wizualnych.

Panel Właściwości w Catalyst jest podobny do panelu Właściwości we Flashu. Gdy wybierasz obiekt w naszym projekcie, właściwości edytowalne tego obiektu są wyświetlane w tym panelu. W trakcie pracy nad nawigacją do tego projektu zostanie przedstawiony nowy panel w Catalyst o nazwie HUD. W tej chwili jest to ta szara karta zatytułowana „Brak wyboru”. Gdy zaczniemy pracę, rozszerzy się, dając nam potrzebne kontrole, w oparciu o aktywny obiekt.

Wreszcie, dla tych ciekawych typów, możemy przełączyć się z domyślnego obszaru roboczego Projekt na obszar roboczy Kod. Po prostu kliknij Okno - Obszar roboczy kodu na pasku menu. Jak widać, wygląda bardzo podobnie do panelu Operacje Flash, ale zamiast ActionScript widzimy kod MXML generowany przez Catalyst w tle podczas pracy.

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.