Создание кнопок

Фактически, кнопка - это четырёхкадровый интерактивный мувиклип. Когда символу присваивается тип кнопки, Flash создаёт для нового символа монтажную линейку (Timeline) из 4-х кадров. Первые три кадра показывают три возможных состояния кнопки. Четвёртый кадр определяет область её действия. Кадры линейки кнопки не воспроизводятся как обычно. Они показывают, каким образом кнопка реагирует на разные действия указателя мышки.

Чтобы создать интерактивную кнопку для клипа, необходимо расположить экземпляр кнопки на сцене и назначить ему какие-то ActionScript-команды.

Каждый из кадров линейки символа-кнопки несёт собственные функции:

1. Первый кадр, или Up-состояние, показывает кнопку, когда указатель мыши расположен не над кнопкой.

2. Второй кадр, или Over-состояние, показывает состояние кнопки, когда указатель мыши расположен над ней.

3. Третий кадр, или Down-состояние, показывает состояние кнопки при её нажатии.

4. Четвёртый кадр, или Hit-состояние, определяет область, в которой кнопка реагирует на щелчок мышкой.

Также можно создавать кнопки с помощью ActionScript, используя объект MovieClip. Смотрите Использование событий кнопок с мувиклипами для вызова скриптов. Можно создавать кнопки с помощью компонентов. Смотрите Компонент PushButton и Компонент RadioButton.

Интерактивный урок по созданию кнопок вызывается в главном меню Help > Lessons > Buttons.

Чтобы создать кнопку:

1. Выберите в главном меню Edit (Правка) > Deselect All (Снять все выделения), чтобы отключить все выделения на сцене.

2. Выберите в главном меню Insert (Вставить) > New Symbol (Новый символ) или воспользуйтесь горячими сочетаниями клавиш Control+F8 для Windows или Command+F8 для Macintosh.

Для создания кнопки её кадры преобразуются в ключевые.

3. В диалоговом окне Create New Symbol (Создать новый символ) введите имя символа-кнопки и выберите тип символа Button (Кнопка).

Flash переключится в режим редактирования символа (symbol-editing mode). Монтажная линейка будет состоять из последовательности кадров, первые четыре из которых помечены как Up, Over, Down и Hit. Первый кадр, Up, становится пустым ключевым кадром.

4. Чтобы создать изображение Up-состояния, используйте инструменты рисования, импортирование, размещение экземпляров других символов в кадре.

Использовать можно графические экземпляры и мувиклипы, но не кнопки. Для создания анимированной кнопки в кадр помещают мувиклипы.

5. Выделите второй кадр, помеченный как Over, и выберите в главном меню Insert (Вставить) > Keyframe (Ключевой кадр).

Flash создаст ключевой кадр, полностью повторяющий содержание Up-кадра.

6. Внесите необходимые изменения в Over-состояние кнопки.

7. Повторите шаги 5-ый и 6-ой для Down-кадра и Hit-кадра кнопки.

Hit-кадр на сцене не видно, но от него зависит рабочая область кнопки, в которой она будет реагировать на нажатия мышкой. Убедитесь, что графические элементы Hit-кадра образуют неразрывную область, перекрывающую все графические элементы кадров Up, Down и Over. Некритично, если Hit-состояние будет несколько больше видимой части кнопки. Если Hit-кадр не нарисован, рабочая область будет соответствовать Up-кадру.

Hit-область также может иметь другой размер, другую форму. Она может быть сильно смещена относительно других кадров кнопки.

8. Чтобы сделать какой-либо звук частью состояния кнопки, необходимо выделить кадр этого состояния на монтажной линейке. В главном меню выбирается Window (Окно) > Properties (Свойства). В появившемся Инспекторе свойств (Property inspector) выбирается звук из выпадающего меню Sound (Звук). Смотрите Добавление звуков к кнопкам.

9. Завершив создание кнопки, выберите в главном меню Edit (Правка) > Edit Document (Правка документа). Перетащите символ-кнопку из панели библиотеки на сцену, тем самым создав экземпляр кнопки для клипа.

top

Дата добавления: 2015-07-24