Управление кадрами

Управление кадрами

Материалы к лекции Вы можете скачать здесь.

Для управления проигрыванием ролика (анимации), для организации перехода по кнопкам меню в приложении и для других видов влияния пользователя на процесс работы приложения, необходимо включать в приложение скрипты.

Скрипт – это набор команд на языке программирования, которые выполняет компьютер при наступлении определенного события, к которому данный скрипт "привязан".

Скрипт создает пользователь в специальном окне для набора программного кода. Это окно вызывается на экран через режим меню "Окно" - "Действия".

Окно "Действия" имеет три зоны. Набирать скрипт будем в зоне отображения программного кода – справа.

Практическая работа.

Теперь попробуем запрограммировать кнопки на переходы к определенным ключевым кадрам ролика.

Практическая работа "Геометрические фигуры"

Создадим все элементы ролика в разных слоях:

-в слое "Меню" расположим кнопки "Круг", "Квадрат", "Линия". Вставим четвертый кадр (через контекстное меню 4-ого кадра данного слоя). Выделите кнопку "Круг", на панели свойств в поле ввода имени экземпляра кнопки ("Назначить имя экземпляру") введем имя кнопки (допустим, "but1"). Соответственно, кнопке "Квадрат" дадим имя "but2", кнопке "Линия" - "but3". (рис 12.2) Объекты слоя "Меню" разрабатываемого приложения "Геометрические фигуры"

-в слое "Фигуры" создадим четыре пустых ключевых кадра. На втором ключевом кадре в рабочей зоне расположим изображение круга, на третьем ключевом кадре – изображение квадрата, на четвертом – линии. (рис 12.3) Объекты слоя "Меню" разрабатываемого приложения "Геометрические фигуры"

Каждая кнопка имеет свое уникальное назначение, поэтому к каждой кнопке должен быть привязан скрипт, который и будет реализовывать это назначение. Выделим первую кнопку для привязки к ней скрипта – пусть это будет кнопка "Круг". Откроем панель "Действия", нем выберем вкладку "Фрагменты кода": (рис 12.4) Открытое окно "Действия" при выделенной кнопке

Как видно из появившегося списка папок с фрагментами кодов – многие действия уже запрограммированы, достаточно выбрать необходимое и внести некоторые поправки в программный код. В перечне выбираем "Навигация по временной шкале" (ведь нам необходимо по нажатию кнопки перейти на определенный ключевой кадр шкалы). Из перечня команд выберем команду "Нажмите для перехода к кадру и остановке" (рис 12.5) Окно "Фрагменты кода"

"Вставить"

В окне "Действия" вставился скрипт () (рис 12.6) Окно "Действия" со скриптом

Все, что заключено между символами /*......*/ является комментарием к программному коду и при желании безболезненно для скрипта удаляется. Попытаемся понять, что означает данный скрипт:

but1.addEventListener (MouseEvent.CLICK, KRUG);
function KRUG (event:MouseEvent):void
{
gotoAndStop(2);
}

Этот код выполняет две функции:

Во-первых, определяется источник события (объект, запускающий событие), событие (действие, связанное с источником события, на которое необходимо ответить) и функция, которую необходимо выполнить в ответ на происшедшее событие:

От источника событий - кнопки (but1.addEventListener (MouseEvent.CLICK, KRUG)) ожидается событие, связанное с мышью (but1.addEventListener (MouseEvent.CLICK, KRUG)), в частности, с кликом по ней (but1.addEventListener (MouseEvent.CLICK, KRUG)). Кроме "клика" существуют еще такие типы событий мыши, как doubleClick, mouseDown и mouseUp.

Определяется метод, (but1.addEventListener (MouseEvent.CLICK, KRUG)) который будет прослушивать события, связанные с кнопкой, и запускать функцию (определенные действия), назначенную этим событиям. Функции дается имя (but1.addEventListener (MouseEvent.CLICK, KRUG)). Имя функции задает пользователь.

Во-вторых, определяется функция - указываются те действия, которые будут выполняться в ответ на ожидаемое событие:

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

После заголовка функции в фигурных скобках идет тело функции – набор команд, которые выполняясь и задают поведение объекта (кнопки) в ответ на происшедшее с ним событие. В приведенном выше скрипте в теле функции стоит команда gotoAndStop (2), организующая переход (и остановку) ко 2-ому кадру временной шкалы.

Скопируем созданный для кнопки "Квадрат" скрипт и вставим еще 2 раза (для программирования кнопок "Квадрат" и "Линия") в конец скрипта с внесением необходимых поправок (они выделены красным цветом – это изменения в именах кнопок, именах функций, номерах кадров):

but1.addEventListener(MouseEvent.CLICK, KRUG);
function KRUG(event:MouseEvent):void
{
gotoAndStop(2);
}

but2.addEventListener(MouseEvent.CLICK, KVADRAT);
function KVADRAT(event:MouseEvent):void
{
gotoAndStop(3);
}

but3.addEventListener(MouseEvent.CLICK, LINE); 
function LINE(event:MouseEvent):void
{
gotoAndStop(4);
}

(рис 12.7) Окно "Действия" со скриптом

Проиграйте ролик.

Метки кадров

Имя может быть не только у слоя, символа, но и у кадра, называется оно - меткой.

Метки - предназначены для удобства программирования и служат своеобразными точками вызова, т.е. идентификаторами кадра.

В созданном выше проекте "Геометрические фигуры" дайте метки 2, 3 и 4-ому ключевым кадрам (на слое "Фигуры"):

Красный флажок на кадре говорит о том, что у кадра есть имя (метка).

Практическая работа

Откройте проект "Геометрические фигуры". Дайте метки ключевым кадрам, на которые осуществляется переход по нажатию кнопок "Круг", "Квадрат", "Линия". Измените скрипт для каждой кнопки (организуйте переход на ключевой кадр не по номеру кадра, а по метке. В отличие от номера кадра, метка кадра, используемая в команде заключается в двойные кавычки).

Краткие итоги лекции:

Для управления проигрыванием ролика (анимации), для организации перехода по кнопкам меню в приложении и для других видов влияния пользователя на процесс работы приложения, необходимо включать в приложение скрипты.

Скрипт – это набор команд на языке программирования, которые выполняет компьютер при наступлении определенного события, к которому данный скрипт "привязан".

Скрипт создает пользователь в специальном окне для набора программного кода. Это окно вызывается на экран через режим меню "Окно" - "Действия".

Скрипты, как правило, выполняются в ответ на определенные события. Обработка событий состоит из трех важных этапов: определяется источник события (объект, запускающий событие), событие (действие, связанное с источником события, на которое необходимо ответить) и функция, которую необходимо выполнить в ответ на происшедшее событие.

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

Ключевые термины

Набор для практики:

Вопросы

Упражнения

Создайте тематическое приложение, в котором структурированная информация разбита на разделы. Доступ к каждому разделу осуществляется путем выбора соответствующей кнопки меню.