Flash Catalyst - Arbejdsområdet

• April 28, 2024

I vores porteføljeprojekt har vi oprettet grafik til vores porteføljegrænseflade i Photoshop^R og importerede PSD-filen til Adobe^R Blitz^R Katalysator^TM. Nu er vi klar til at lave de knapper (kaldet interaktive komponenter), der vil gøre porteføljen til at navigere. Åbn din PortfolioLayout.psd-fil i Catalyst, og lad os se os omkring. Ved første øjekast ser du, at arbejdsområdet ikke er så skræmmende som Flash-arbejdsområdet.

Øverst er panelet Sider / stater, hvor du finder et miniaturebillede for hver side af vores projekt. Lige nu har vi en side med det første logo synligt. Men for at vi kan vise de to andre logoer i porteføljen, bliver vi nødt til at oprette to sider mere (stater).

Under panelet Sider / faser er visningen af ​​vores projekt, kaldet Artboard, og under det er panelet Tidslinjer. De af jer, der kender Flash, vil bemærke, at tidslinjen er noget anderledes i Catalyst. Som du kan se fra fanerne State Transitions and Action Sequences, bruger vi stadig tidslinjen til at kontrollere, hvad der sker, men tidslinjen har ikke de kendte nøglerammer. Dette skyldes, at Catalyst tager de fleste af beslutningerne om, hvad der sker for os, når vi tilføjer UI-komponenterne.

Til højre har vi værktøjspanelet og ikoner, der ligner al Adobe-softwaren. Under det har vi panelet Lag. Det fungerer meget som Photoshop og Illustrator^R Lagpaneler og ikke som lag i Flash, som er en del af tidslinjen.

Dernæst har vi Wireframe Components, Library og Design-Time Data paneler. Klik på fanen Bibliotek, så ser du en liste over grafik og stilarter fra vores importerede PSD-fil. Gå tilbage til panelet Wireframe Components. Dette er det panel, der indeholder alle de komponenter, som vi kan tilføje til vores projekt. De kaldes "Wireframe", fordi disse komponenter er "bare ben". De er beregnet til at blive føjet til vores importerede grafik for at fremstille visuelt-baserede komponenter.

Egenskaber-panelet i Catalyst er som egenskabspanelet i Flash. Når du vælger et objekt i vores projekt, vises de redigerbare egenskaber for dette objekt i dette panel. Når vi arbejder på vores navigation til dette projekt, introducerer vi et nyt panel i Catalyst kaldet HUD. Lige nu er det den nedtonede fane med titlen "Intet valg". Når vi begynder at arbejde, udvides det til at give os de kontroller, vi har brug for, baseret på det aktive objekt.

Til sidst kan vi for disse nysgerrige typer skifte fra standard Design-arbejdsområdet til Code-arbejdsområdet. Klik bare på Window - Code Workspace i menulinjen. Som du kan se, ligner det Flash Action-panelet, men i stedet for ActionScript ser vi den MXML-kode, som Catalyst genererer i baggrunden, mens vi arbejder.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Adobe Flash Catalyst CS5 Demo (April 2024).