Flash Catalyst - Работното пространство

• Може 20, 2024

В нашия портфолио проект сме създали графиката за портфейлния ни интерфейс във Photoshop^R и импортира PSD файла в Adobe^R флаш^R катализатор^TM, Сега сме готови да направим бутоните (наречени интерактивни компоненти), които ще направят портфолиото навигационно. Отворете вашия PortfolioLayout.psd файл в Catalyst и нека разгледаме. На пръв поглед ще видите, че работното пространство не е толкова плашещо, колкото работното пространство на Flash.

Най-отгоре е панелът Страници / Щати, където ще намерите миниатюра за всяка страница от нашия проект. В момента имаме една страница с първото лого видимо. Но за да покажем другите две лога в портфолиото, ще трябва да създадем още две страници (щати).

Под панела Страници / Етапи се вижда изгледът на нашия проект, наречен Artboard, а под него е панелът Времена. Онези от вас, запознати с Flash, ще забележат, че Timeline е малко по-различен в Catalyst. Както можете да видите от раздели State Transitions и Sequences Action, ние все още използваме Timeline, за да контролираме случващото се, но Timeline не разполага с тези познати Keyframes. Това е така, защото Catalyst взема повечето решения за това, което се случва с нас, когато добавяме компонентите на потребителския интерфейс.

Вдясно имаме панела „Инструменти“ и икони, подобни на целия софтуер на Adobe. Под това имаме панела на слоевете. Работи много като Photoshop и Illustrator^R Панели на слоеве, а не като слоеве във Flash, които са част от Timeline.

На следващо място, разполагаме с панели „Компоненти за кабелна рамка“, „Библиотека“ и „Дизайн-време“. Кликнете върху раздела Библиотека и ще видите списък с графики и стилове от нашия импортиран PSD файл. Върнете се към панела на компонентите на Wireframe. Това е панелът, който съдържа всички компоненти, които можем да добавим към нашия проект. Наричат ​​ги „Wireframe“, защото тези компоненти са „голи кости“. Те са предназначени да бъдат добавени към внесената ни графика, за да се правят визуално базирани компоненти.

Панелът Properties в Catalyst е като панела Properties в Flash. Докато избирате обект в нашия проект, редактируемите свойства на този обект се показват в този панел. Докато работим върху нашата навигация за този проект, ще се запознаем с нов панел в Катализатор, наречен HUD. Точно сега това е оцветен в сив раздел озаглавен „Без селекция“. След като започнем да работим, тя ще се разшири, за да ни даде контролите, от които се нуждаем, въз основа на активния обект.

И накрая, за тези любопитни типове можем да преминем от работното пространство по подразбиране Design в работното пространство Code. Просто щракнете върху Window - Code Workspace в менюто Menubar. Както можете да видите, прилича много на панела Flash Actions, но вместо ActionScript виждаме кода MXML, който Catalyst генерира на заден план, докато работим.

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от 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 и Flash Paper е или са [a] регистрирана търговска марка (и) или търговска марка (и) на Adobe Systems Incorporated в Съединените щати и / или други страни.

Инструкции Видео: Building Dynamic Web Apps with Laravel by Eric Ouyang (Може 2024).