Использование панели Actions

На этом занятии курса ActionScript 3.0 Уроки для новичков мы рассмотрим следующие вопросы:

  1. Назначение панели Actions во Flash
  2. Работа с панелью
  3. Дополнительная информация

Назначение панели Actions

Панель Actions предназначена для написания, форматирования и редактирования ActionScript-кода, который вы будете включать в ваши fla-файлы или as-файлы. Эта панель структурно разделена на 3 части:

  • Actions Toolbox (пакеты)
  • Script Navigator (навигатор кода)
  • Script pane (редактор кода)

Панель Actions

Actions Toolbox содержит список ActionScript-инструкций. Два самых верхних пункта в этом списке – Top Level (верхний уровень) и Language Elements (элементы языка) – содержат наиболее часто используемый код, такой как декларация переменных, циклов и т.п. Оставшиеся категории в этом списке организованы в определенном порядке. Их последовательность согласованна с тем как Flash Player обращается к ним во время воспроизведения фильма.

Actions Toolbox

ActionScript 3 – объектно-ориентированный язык (ActionScript ООП) и это значит, что его внутренняя структура опирается на классы. Классы, в свою очередь, объединены в пакеты (package) согласно их функций. В последующих видео-уроках мы во всех деталях разберем эту концепцию, но в рамках этого занятия Вы должны уяснить, что список категорий, который Вы видите в панели инструментов, есть не что иное, как пакеты, состоящие из классов. После того, как Вы познакомитесь с этой концепцией поближе, Вы будете использовать пакеты и классы для добавления их в Ваш собственный код. Двойной щелчок левой кнопкой мыши добавит необходимый пакет или класс в навигатор кода, расположенный ниже.

Навигатор кода в панели Actions отображает в иерархической последовательности все элементы Вашего фильма: movie clips, кнопки, определенные кадры, к которым применяется ActionScript. Щелкните мышью на любом элементе – в редакторе кода справа отобразится связанный с ним код (типы данных ActionScript).

Навигатор кода - панель Actions

Вы будете использовать редактор кода (Script pane) для того, чтобы вводить и редактировать инструкции, написанные на ActionScript. Это полнофункциональный редактор, который обеспечит Вам форматирование кода. В его верхней части находится панель инструментов с кнопками, которые позволят Вам добавлять код (создавать ActionScript переменные и т.д.), производить поиск и замену текста, проверять синтаксис Actionscript, показывать подсказки, проводить тестирование Actionscript-кода на ошибки и пр.

редактор кода (Script pane)

Работа с панелью Actions

Щелкните на кадре, в который Вы хотите добавить Actionscript-код.

Выбор кадра на временной шкале (TimeLine)

Щелкните в главном меню программы на пункте меню Windows.

Главное меню - Windows

Щелкните на пункте меню Actions.

Пункт меню - панель Actions

Для быстрого вызова панели Actions используйте клавишу F9  или нажмите на кнопку «Редактировать ActionScript» (Edit ActionScript) в панели свойств.

кнопку «Редактировать ActionScript» (Edit ActionScript) в панели свойств

Панель Actions откроется.

В разделе «пакеты», отображаемые ввиде списка, находятся все категории и подкатегории с готовым ActionScript-кодом, которые будут Вам доступны в работе.

Вы можете использовать Редактор для ввода, форматирования и редактирования кода.

Навигатор кода отображает все элементы на сцене, к которым применен ActionScript, в иерархической последовательности. Самый верхний из них тот, который выделен (активен) в данный момент.

Изменяйте относительный размер редактора кода и расположенных слева от него панелей Пакеты и Навигатор, перетаскивая разделительную полоску между ними.

панель Actions - редатирование

Щелкнув на имени любого элемента в Навигаторе, Вы увидите в Редакторе связанный с ним код.

Используйте кнопки в верхней части панели Actions для работы с кодом в Редакторе.

Дополнительная информация

Сворачивание и разворачивание панели Actions

Очень часто для удобства в работе Вам будет требоваться максимальное увеличение панели Actions для работы с кодом. Как следствие этого, Вы не сможете видеть сцену (Flash Stage), на которой расположены элементы, к которым Вы применяете код. Решение проблемы – щелкните на кнопке «Свернуть панель» в правом верхнем углу самой панели.

Сворачивание и разворачивание панели Actions

Перемещение панели Actions по экрану

Кроме того, Вы можете разместить панель Actions в любой части экрана. Для этого нужно щелкнуть на заголовке панели и, не отпуская кнопку мыши, переместить ее в удобное для работы место. Чтобы вернуть панель на исходное место или присоединить ее к другой группе элементов на экране, щелкните на заголовке панели и, удерживая кнопку мыши, потяните ее в нужное место. Появившаяся голубая линия покажет Вам куда будет присоединена панель. Отпустите кнопку мыши.

Перемещение панели Actions по экрану

Дополнительные опции в работе с кодом

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

Дополнительные опции в работе с кодом на панели Actions