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

Выберите тип кнопок, которые оптимально соответствуют вашим потребностям.

Большинство пользователей выбирают символы кнопок за счет их гибкости. Символы кнопок содержат специальную внутреннюю временную шкалу для указания состояний кнопок. Можно с легкостью создать визуально разные состояния для нажатия и отпускания кнопки, а также для наведения. Символы кнопок также автоматически изменяют состояние при реакции на действия пользователей.

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

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

• Компоненты кнопок ActionScript 3.0 поддерживают некоторую настройку. Кнопку можно привязать к другим компонентам, а также совместно использовать и отображать данные программ. Они имеют встроенные функции, такие как поддержка специальных возможностей. Доступны компоненты кнопки, переключателя и флажка. 

• Компоненты кнопок ActionScript 2.0 не поддерживают настройку. Компонент обеспечивает изменение состояний.

Определите состояния кнопок.

Внешний вид кнопки, если пользователь не взаимодействует с ней.

Внешний вид кнопки, когда пользователь собирается выбрать ее.

Внешний вид кнопки, когда пользователь выбирает ее.

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

• Содержимое кадра щелчка не отображается в рабочей области во время воспроизведения.

• Изображением для кадра щелчка выступает сплошная область, достаточно большая, чтобы охватить все графические элементы в кадрах Отпускание, Нажатие и Наведение.

• Если кадр щелчка не указан, используется изображение для состояния Отпускание.

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

Свяжите действие с кнопкой.

Чтобы настроить реакцию при выборе пользователем кнопки, на временную шкалу добавляется код ActionScript. Располагайте код ActionScript в тех же кадрах, где находятся кнопки. Панель Фрагменты кода содержит предварительно записанный код ActionScript 3.0 для многих распространенных вариантов использования кнопок. См. Добавление интерактивных возможностей с помощью фрагментов кода.

 Версия ActionScript 2.0 несовместима с ActionScript 3.0. Если в текущей версии Animate используется ActionScript 3.0, в кнопку невозможно вставить код ActionScript 2.0 (и наоборот). Перед тем как вставить в кнопки код ActionScript из другого источника, убедитесь в совместимости версии.

Выберите Редактирование > Отменить выделение всего или щелкните пустую область в рабочей области, чтобы убедиться в отсутствии выделенных элементов в рабочей области.

Выберите Вставка > Создать символ.

В диалоговом окне Создать символ введите имя. Например, в качестве типа символа выберите Кнопка.

Animate переходит в режим редактирования символа. Временная шкала изменяется для отображения четырех последовательных кадров: Вверх, Наведение, Вниз и Щелчок. Первый кадр кнопки в отпущенном состоянии представляет собой пустой ключевой кадр.

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

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

На временной шкале щелкните кадр Наведение и выберите Вставка > Временная шкала > Ключевой кадр.

Animate вставляет ключевой кадр, дублирующий содержимое предшествующего кадра «Вверх».

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

Повторите этапы 5 и 6 для кадра нажатия и необязательного кадра щелчка.

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

При необходимости выберите Правка > Редактировать документ. При этом повторно откроется главная временная шкала FLA-файла. Чтобы создать экземпляр кнопки, созданной в рабочей области, перетащите символ кнопки с панели Библиотека в рабочую область.

Для тестирования работы кнопок используйте команду Управление > Тест. Чтобы просмотреть состояния символа кнопки в рабочей области, можно также выбрать Управление > Разрешить использование простых кнопок. Так можно проверить состояние кнопки при нажатии, отпускании и наведении курсора, не прибегая к команде Управление > Тест.