Flash Catalyst - рабочая область

• May 7, 2024

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

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

Под панелью «Страницы / этапы» находится вид нашего проекта, который называется артбордом, а под ним - панель «Таймлайны». Те из вас, кто знаком с Flash, заметят, что временная шкала в Catalyst несколько отличается. Как вы можете видеть на вкладках «Переходы между состояниями» и «Последовательности действий», мы все еще используем временную шкалу для управления тем, что происходит, но у временной шкалы нет таких знакомых ключевых кадров. Это потому, что Catalyst принимает большинство решений о том, что происходит с нами, когда мы добавляем компоненты пользовательского интерфейса.

Справа у нас есть панель инструментов и значки, похожие на все программное обеспечение Adobe. Под этим у нас есть панель слоев. Это работает так же, как Photoshop и Illustrator^р Слои панелей, а не как слои во Flash, которые являются частью временной шкалы.

Далее у нас есть панели «Компоненты каркаса», «Библиотека» и «Данные времени разработки». Нажмите на вкладку «Библиотека», и вы увидите список графики и стилей из нашего импортированного PSD-файла. Вернитесь на панель «Компоненты каркаса». Это панель, которая содержит все компоненты, которые мы можем добавить в наш проект. Они называются «каркасные», потому что эти компоненты являются «голыми костями». Они предназначены для добавления в нашу импортированную графику для создания визуальных компонентов.

Панель «Свойства» в Catalyst похожа на панель «Свойства» во Flash. Когда вы выбираете объект в нашем проекте, редактируемые свойства этого объекта отображаются на этой панели. Когда мы будем работать над навигацией для этого проекта, мы познакомимся с новой панелью в Catalyst, которая называется HUD. Прямо сейчас это та затененная вкладка под названием «Нет выбора». Как только мы начнем работать, он расширится, чтобы дать нам необходимые элементы управления, основанные на активном объекте.

Наконец, для этих любопытных типов мы можем переключиться с рабочего пространства Design по умолчанию на рабочее пространство Code. Просто нажмите Окно - Рабочая область кода в меню. Как вы можете видеть, она очень похожа на панель «Действия Flash», но вместо ActionScript мы видим код MXML, который Catalyst генерирует в фоновом режиме во время нашей работы.

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: Видео Уроки Flash. Сохранение данных во Flash (May 2024).