Flash Catalyst - De werkruimte

• April 25, 2024

In ons portfolioproject hebben we de afbeeldingen voor onze portfolio-interface in Photoshop gemaakt^R en het PSD-bestand geïmporteerd in Adobe^R Flash^R Catalyst^TM. Nu zijn we klaar om de knoppen (interactieve componenten genoemd) te maken waarmee de portfolio kan worden genavigeerd. Open uw PortfolioLayout.psd-bestand in Catalyst en laten we een kijkje nemen. Op het eerste gezicht zult u zien dat de werkruimte niet zo intimiderend is als de Flash-werkruimte.

Bovenaan in het paneel Pagina's / Staten vindt u een miniatuur voor elke pagina van ons project. Op dit moment hebben we één pagina met het eerste logo zichtbaar. Maar om de andere twee logo's in de portfolio weer te geven, moeten we nog twee pagina's maken (staten).

Onder het paneel Pagina's / fasen bevindt zich de weergave van ons project, het tekengebied genoemd, en daaronder het paneel Tijdlijnen. Degenen onder u die bekend zijn met Flash zullen merken dat de tijdlijn enigszins verschilt in Catalyst. Zoals u kunt zien op de tabbladen Statusovergangen en Actiereeksen, gebruiken we nog steeds de tijdlijn om te bepalen wat er gebeurt, maar de tijdlijn heeft niet die vertrouwde hoofdframes. Dit komt omdat Catalyst de meeste beslissingen neemt over wat er voor ons gebeurt als we de UI-componenten toevoegen.

Aan de rechterkant hebben we het deelvenster Gereedschappen en pictogrammen die vergelijkbaar zijn met alle Adobe-software. Daaronder hebben we het deelvenster Lagen. Het werkt net als Photoshop en Illustrator^R Lagenpanelen en niet zoals lagen in Flash, die deel uitmaken van de tijdlijn.

Vervolgens hebben we de panelen Wireframe Components, Library en Design-Time Data. Klik op het tabblad Bibliotheek en u ziet een lijst met afbeeldingen en stijlen uit ons geïmporteerde PSD-bestand. Ga terug naar het deelvenster Wireframe Components. Dit is het paneel dat alle componenten bevat die we aan ons project kunnen toevoegen. Ze worden "Wireframe" genoemd omdat deze componenten "kale botten" zijn. Ze zijn bedoeld om aan onze geïmporteerde grafische afbeeldingen te worden toegevoegd om visueel gebaseerde componenten te maken.

Het eigenschappenvenster in Catalyst lijkt op het eigenschappenvenster in Flash. Terwijl u een object in ons project selecteert, worden de bewerkbare eigenschappen van dat object in dit paneel weergegeven. Terwijl we werken aan onze navigatie voor dit project, zullen we kennis maken met een nieuw paneel in Catalyst, de HUD. Op dit moment is het grijs weergegeven tabblad "Geen selectie". Als we eenmaal beginnen te werken, zal het uitbreiden om ons de bedieningselementen te geven die we nodig hebben, gebaseerd op het actieve object.

Ten slotte kunnen we voor die nieuwsgierige typen overschakelen van de standaardontwerpwerkruimte naar de codewerkruimte. Klik gewoon op Venster - Codewerkruimte in de menubalk. Zoals u ziet, lijkt het veel op het deelvenster Flash-acties, maar in plaats van ActionScript zien we de MXML-code die Catalyst op de achtergrond genereert terwijl we werken.

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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 en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Video-Instructies: How to Replace a Crankshaft Position Sensor in Your Car (Code P0335) (April 2024).