АЛЫЕ ПАРУСА

УРОК

Как создать кнопку и загрузить в нее музыку мы учились
в этом уроке.

Сегодня будем совершенствовать нашу кнопку и создадим кнопку-плеер,которая при нажатии на нее будет менять вид.
Это может быть цвет,размер,другая картинка,поведение(если будем использовать анимашку)и т.д.

Сделаем это на простом примере,не делая акцент на красивость.

Создадим на компьютере в любом месте папку с проектом.
Назовем,например"плеер - кнопки"

В программе:Создадим Документ ActionScript3.0
Файл-Создать-ActionScript3.0
Сохраним его п в папку с проектом "плеер - кнопки"

Продолжаем работать в программе!!!

1.Создадим символ.Вставка-Создать символ.

2.Назовем его Кнопки.

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

3.Создадим два новых слоя.Теперь на временной шкале у нас 3 слоя.
Переименуем для удобства, как на скрине.
На слое Играть расположим кнопку для воспроизведения звука.
На слое Стоп расположим кнопку для остновки звука.

Для примера я взяла клипарт бабочки разных оттенков.Сделала надписи.

4.Импотрируем на слой Играть бабочку Play.
Выделяем стрелочкой.Преобразуем в символ.

Назовем Играть.В Свойствах пишем btnPlay

5.Встаем на слой Стоп.Импортируем на него бабочку Stop
Выделяем стрелочкой.Преобразуем в символ.

Чтобы при нажатии она немножко смещалась,сдвинем ее стрелочками на клавитуре на 1пкс вправо(жмем 1 раз стелочку вправо) и на 1пкс вниз(стрелочка вниз).
Можно не делать этого..

Назовем Стоп.В Свойствах пишем btnStop

6.Встаем на слой Скрипт.Открываем Действия(F9)
Вставляем скопированный ниже код

code:

btnPlay.visible = true; btnStop.visible = false;  

// слушатели событий

 btnPlay.addEventListener(MouseEvent.CLICK, onClickPlay); 

btnStop.addEventListener(MouseEvent.CLICK, onClickStop);

 

 function onClickPlay(e:MouseEvent){      

btnPlay.visible = false;      

btnStop.visible = true; }  function onClickStop(e:MouseEvent){      

btnPlay.visible = true;     

 btnStop.visible = false; }

7.Возвращаемся на основную рабочую сцену с подготовленной работой.
8.Создаем вверху слой и на него из библиотеки перетаскиваем символ "Кнопки"

9.Жмем на бабочку,смотрим,что получилось. CTRL+Enter( для просмотра размер флешки уменьшен)

Все. Кнопка -плеер готова.Разместим ее как нам нравится.
При необходимости поменяем размер.

Осталось загрузить музыку.

10.Для этого выделяем бабочку стрелочкой. В Свойствах пишем любое имя литиницей У меня это knopa

11.Откроем Фрагменты кода.Жмем на папку Аудио видео.
12.Выбираем :
Нажмите для восроизведения/остановки.

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