Flash Catalyst - Arbeidsområdet

• Kan 8, 2024

I vårt porteføljeprosjekt har vi laget grafikken for porteføljegrensesnittet vårt i Photoshop^R og importerte PSD-filen til Adobe^R Blits^R Catalyst^TM. Nå er vi klare til å lage knappene (kalt interaktive komponenter) som vil gjøre porteføljen til å navigere. Åpne PortfolioLayout.psd-filen i Catalyst, og la oss se litt rundt. Ved første øyekast vil du se at arbeidsområdet ikke er like skremmende som Flash-arbeidsområdet.

Toppen av sidene / statene-panelet er der du vil finne et miniatyrbilde for hver side av prosjektet vårt. Akkurat nå har vi en side med den første logoen synlig. Men for at vi skal kunne vise de to andre logoene i porteføljen, må vi lage to sider til (stater) til.

Under Pages / Stages-panelet er utsikten over prosjektet vårt, kalt Artboard, og under det er Tidslinjepanelet. De av dere som er kjent med Flash, vil merke at tidslinjen er noe annerledes i Catalyst. Som du ser fra fanene State Transitions and Action Sequences, bruker vi fortsatt tidslinjen til å kontrollere hva som skjer, men tidslinjen har ikke de kjente nøkkelbildene. Dette er fordi Catalyst tar de fleste av beslutningene om hva som skjer for oss når vi legger til brukergrensesnittets komponenter.

Til høyre har vi Verktøy-panelet og ikoner som ligner på all Adobe-programvaren. Under det har vi lag-panelet. Det fungerer omtrent som Photoshop og Illustrator^R Lagpaneler og ikke som lag i Flash, som er en del av tidslinjen.

Deretter har vi Wireframe Components, Library og Design-Time Data-panelene. Klikk på Bibliotek-fanen, så ser du en liste over grafikk og stiler fra vår importerte PSD-fil. Gå tilbake til panelet Wireframe Components. Dette er panelet som inneholder alle komponentene som vi kan legge til prosjektet vårt. De kalles "Wireframe" fordi disse komponentene er "bare bein". De er ment å bli lagt til i vår importerte grafikk for å lage visuelt baserte komponenter.

Egenskaper-panelet i Catalyst er som Properties-panelet i Flash. Når du velger et objekt i prosjektet vårt, vises de redigerbare egenskapene til det objektet i dette panelet. Når vi jobber med navigasjonen for dette prosjektet, vil vi introdusere et nytt panel i Catalyst kalt HUD. Akkurat nå er det den gråtonede fanen med tittelen "No Selection". Når vi begynner å jobbe, vil den utvide seg til å gi oss kontrollene vi trenger, basert på det aktive objektet.

Til slutt, for de nysgjerrige typene, kan vi bytte fra standard Design arbeidsområde til Code arbeidsområde. Bare klikk Window - Code Workspace i menylinjen. Som du ser ser det ut som Flash Action-panelet, men i stedet for ActionScript ser vi MXML-koden som Catalyst genererer i bakgrunnen mens vi jobber.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse 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, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.