Процес створення цього фрагмента буде розділений на наступні основні частини:
Підготовка FLA-файлу для додавання ActionScript і інтерактивних елементів.
Створення та додавання кнопок.
Написання коду ActionScript.
Підготовка і додавання інтерактивних елементів
Перед додаванням інтерактивних елементів до анімації слід підготувати FLA-файл, створивши місце для додавання нового вмісту. Ця операція включає створення простору в робочій області, в яке будуть додані кнопки. Вона також включає створення «простору» у FLA-файлі для роздільного зберігання різних елементів.
Підготовка FLA-файлу до додавання інтерактивних елементів
Створіть FLA-файл з простою анімацією, наприклад однієї анімацією руху або форми. Якщо FLA-файл, який містить анімацію, яку він демонстрував в проекті, вже існує, відкрийте цей файл і збережіть його з новим ім'ям.
Додайте новий шар поверх інших шарів на часовій шкалі і надайте йому ім'я кнопки. На цей шар будуть додані кнопки.
Додайте новий шар поверх шару кнопок і надайте йому ім'я дії. На цей шар буде додано код ActionScript для цього додатка.
Створення та додавання кнопок
Далі створюються і розміщуються кнопки, що формують центр інтерактивного додатки.
Створення та додавання кнопок до FLA-файлу
Використовуючи інструменти малювання, створіть в шарі кнопок візуальний образ першої кнопки ( «відтворення»). Наприклад, намалюйте горизонтальний овал з текстом поверх нього.
Використовуючи інструмент виділення, виділіть всі графічні частини кнопки.
У головному меню виберіть команди «Модифікація»> «Перетворити в символ».
Виберіть в діалоговому вікні в якості типу символу «Кнопка», надайте символу ім'я і натисніть «ОК».
При виділеної кнопці в інспектора властивостей надайте їй ім'я екземпляра playButton.
написання коду
Код ActionScript для цього додатка можна розділити на три функціональних блоки, незважаючи на те що він вводиться в одному місці. Код виконує наступні три функції:
Зупинити б відтворювала головку відразу після завантаження SWF-файлу (в той момент, коли відтворює головка підійде до Кадру 1).
Стежити за подією, щоб запустити відтворення SWF-файлу при натисканні глядачем кнопки відтворення.
Створення коду зупинки відтворює головки на початку Кадра 1
Виберіть ключовий кадр для Кадра 1 в шарі дій.
Щоб відкрити панель «Дії», виберіть у головному меню команди «Вікно»> «Дії».
На панелі «Сценарій» введіть наступний код:
Запис коду запуску анімації при натисканні кнопки відтворення
Додайте дві порожні рядки в кінці коду попереднього кроку.
Введіть наступний код в нижній частині сценарію:
Код визначає функцію з ім'ям startMovie (). При виклику функція startMovie () запускає тимчасову шкалу і починає відтворення.
На рядку, наступного за кодом, доданим на попередньому кроці, введіть наступний рядок коду:
Цей рядок коду реєструє функцію startMovie () як Прослуховувач події click для кнопки playButton. Іншими словами, код визначає, що при натисканні кнопки з ім'ям playButton викликається функція startMovie ().
Додайте дві порожні рядки в кінці коду попереднього кроку.
Введіть наступний код в нижній частині сценарію:
На рядку, наступного за кодом, доданим на попередньому кроці, введіть наступний рядок коду:
Цей рядок коду реєструє функцію gotoAuthorPage () як Прослуховувач події click для кнопки homeButton. Іншими словами, код визначає, що при натисканні кнопки з ім'ям homeButton викликається функція gotoAuthorPage ().
Перевірка додатки
Тепер додаток є повністю функціональним. Однак щоб переконатися в цьому, його слід перевірити.
Виконання перевірки додатку
У головному меню виберіть команди «Управління»> «Тестувати ролик». Flash Professional створює SWF-файл і відкриває його у вікні програвача Flash Player.
Натисніть обидві кнопки і переконайтеся, що вони виконують необхідні дії.
Якщо кнопки не працюють, необхідно з'ясувати наступне:
Чи мають кнопки окремі імена примірників?
Чи збігаються імена, використовувані чи при виклику методу addEventListener (). з іменами примірників кнопок?
Чи використовуються коректні імена подій при виклику методу addEventListener ()?
Вказані чи коректні параметри для кожної з функцій? (Обидва методи повинні мати один параметр з типом даних MouseEvent.)
При виникненні всіх цих помилок, а також більшості інших можливих помилок з'являється повідомлення про помилку. Повідомлення про помилку може з'явитися при виборі команди «Тестувати ролик» або при натисканні кнопки під час тестування проекту. Помилки компіляції показані на панелі «Помилки компіляції» (це помилки, які виникають при першому виборі команди «Тестувати ролик»). На панелі «Вивід» показані помилки виконання, які виникають при відтворенні вмісту, наприклад при натисканні кнопки.