Реакции на события

Чтобы кнопка «заработала», нужно определить ее реакцию на нажатие. Если выделить кнопку и нажать клавишу F9, на экране появляется панель Actions (действия), где можно написать программный код, связанный с кнопкой (Рисунок 5). Вот пример такого кода:

on ( release ) {

play();

}

Слово on начинает обработчик события, release (освобождение) в скобках указывает само событие — отпускание мыши над кнопкой. Далее внутри фигурных скобок записывают команды, которые нужно выполнить: в данном случае — продолжить проигрывание фильма.

Язык ActionScript использует правила записи команд, очень похожие на язык Си. Каждая команда заканчивается точкой с запятой.

Рисунок 5

Нажав на кнопку (или клавиши Ctrl+T), можно проверить правильность записи кода (соответствие правилам языка ActionScript). Если вы увидели сообщение "The script contains no errors.", ошибок нет. Сообщения об ошибках выводятся в специальном окне Compiler Errors (оно появляется автоматически или может быть вызвано нажатием клавиш Alt+F2).

Кнопка позволяет закрепить активное окно с кодом. Дело в том, что код может быть разбросан по нескольким местам (кадрам, кнопкам, клипам). В активном окне мы видим тот блок, который выделен в левой части панели Actions. Если прикрепить какой-то блок, он будет всегда показываться как вкладка в основном окне.

8. Выделите кнопку и добавьте в окне Actions код

on (release) { play(); }

9. Щелкните по кнопке , чтобы проверить правильность набранного кода, а затем — по кнопке для автоматического выравнивания.

В левой части панели Actions находится справочная информация (Toolbox). Сверху — списки функций и операторов языка (их можно вставлять в код щелчком мыши), ниже — список всех объектов, с которыми связан код ActionScript. Сейчас видно, что какой-то код есть в кадре 15 слоя Судно (Судно: Frame 15) и у кнопки (элементы блока Scene 1). В данный момент мы редактируем код кнопки (Current Selection). Это окно удобно использовать для быстрого перехода от одного блока кода к другому.

С помощью кнопки можно убрать панели Toolbox, оставив только редактор кода.

10. Выделите кадр 1 и добавьте к нему код

stop();

11. Закройте панель Actions и проверьте работу фильма.

Теперь добавим еще 2 кнопки: для остановки фильма и для перехода в начало. Поскольку на них должен быть другой рисунок, в библиотеке нужно создать еще два символа-кнопки. Например, можно продублировать существующую кнопку и изменить рисунок, выбрав команду Duplicate из контекстного меню, которое появляется при нажатии правой кнопки мыши на названии символа в библиотеке.

12. Создайте кнопку с именем Кнопка_Стоп для остановки проигрывания. Для этого продублируйте кнопку в библиотеке, дайте ей новое имя и исправьте рисунки во всех кадрах (Up, Over, Down). Добавьте новую кнопку на слой Кнопки и настройте так, чтобы она останавливала фильм.

13. Добавьте еще одну кнопку, которая возвращает фильм в начало (к кадру 1) с помощью кода

on (release) { gotoAndPlay(1); }

14. Проверьте ролик.

15. Измените команду, связанную с последней кнопкой, на

gotoAndStop(1);

16. Посмотрите, что изменилось

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

17. Создайте папку Кнопки и разместите в ней все символы кнопок

Теперь надо сделать, чтобы кнопки на сцене были одинакового размера, и выровнять их. Для этого используется панель Align (выравнивание, клавиши Ctrl+K). Проверьте, чтобы режим To Stage был отключен (он используется для выравнивания относительно всей сцены).

18. Выделите все кнопки и включите панель Align. Сначала сделайте одинаковой высоту кнопок ( в группе Match Size). Затем выровняйте центры по вертикали ( в группе Align) и распределите равномерно по горизонтали ( в группе Distribute).

Для кнопок, так же, как и для клипов, можно применять фильтры (панель Filters).