Создание сайта, дизайн, web дизайн
Главная Работы Услуги Цены Контакты

 Главная
 Работы
 Услуги
 Цены
 Контакты
 

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

Я написал урок в лучших традициях объектно-ориентированного программирования и решил опустить подробности кода, могущие шокировать непосвященных. Надеюсь, что под рукой у вас будет любимый справочник по ActionScript.

Для наглядности я разбил процесс на четыре этапа:

- создание ползунка;

- добавление ActionScript;

- создание и связывание звукового объекта;

- отображение положения ползунка.

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

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

Сначала нам нужно будет создать кнопку-символ и врезать ее в клип (чтобы можно было ее перетаскивать), а затем внедрить этот клип в еще один (чтобы получился ползунок).

Прим.: эти действия должно производиться не на таймлайне, а в библиотеке, в режиме редактирования символа.

Отройте библиотеку и создайте символ кнопки. Квадрат 30х30 вполне подойдет. Назовите его "button body" (основа кнопки).

Прим.: размер не имеет существенного значения, но убедитесь в том, что она отцентрирована. Добавьте состояния "наведение мыши" (over) и "нажато" (down) и установите для них разные цвета.

2. Создание перетягиваемой кнопки.

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

Откройте библиотеку и создайте новый клип (movie). Назовите его "drag button". Теперь перетащите символ кнопки в этот клип и отцентрируйте его.

На новой сцене кликните на символе кнопки правой кнопкой мыши и выберите Actions (действия). Откроется панель Object Actions (действия с объектом). Добавьте вот такой скрипт:

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

Снова заходите в библиотеку и создаете клип "slider". Добавьте еще один слой. Верхний слой "button" будет для ползунка, нижний ("bar")- для основы. Выберите слой "bar" и нарисуйте горизонтальную линию. С помощью панели свойств установите ее размер точно на 100 пикселей и с помощью панели выравнивания отцентруйте ее на сцене по вертикали и горизонтали.

Теперь выберите верхний слой и перетащите символ перетаскиваемой кнопки на сцену. С помощью панели свойств установите размеры 11х11 и отцентруйте кнопку. Получится что-то вроде этого:

Осталось только дать имя символу. Выберите символ drag button и на панели символов введите имя - "drag".

С ползунком мы покончили.

Прим.: Вся работа на этом этапе производится в библиотеке, но ни в коем случае не в основном окне (окне таймлайна).

Добавляем ActionScript

После того, как мы закончили с ползунком, можно выйти из режима редактирования символа и вернуться в основное окно. Для этого нажмите Ctrl+E или кликните на сцене 1.

Создадим еще два дополнительных слоя. В одном из слоев будет текст, в другом - ползунок, в третьем - скрипты. Соответственно и назовем их "text", "sliders" и "scripts". Вот что у вас получится:

В слое "sliders" выберите 2 символа кнопок и разместите их друг над другом и выровняйте по вертикали. Выберите символ верхнего ползунка и на панели символов дайте ему имя "panSlider". Проделайте аналогичную процедуру с нижним символом, который будет регулировать громкость. Назовите его "volSlider".

Теперь нам нужно добавить к символам сценарии ActionScript. Кликните правой кнопкой на символе volSlider, вы берите в контекстном меню Actions и на панели Object Actions вставьте следующий сценарий ActionScript:

Повторите то же самое с panSlider, но вставьте этот скрипт:

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

Создание и связывание звукового объекта

В Flash 5 появились звуковые объекты (Sound object), которые позволяют регулировать многие параметры звука, в т.ч. громкость и баланс колонок. Еще одно нововведение: символы из библиотеки можно экспортировать в клип, не вставляя их в кадры. Это осуществляется инструментом связывания. Со связывания мы и начнем.

В материале урока есть маленький звуковой файл tack1. Откройте библиотеку и кликните правой кнопкой на файле tack1. В контекстном меню выберите "linkage" (связывание).

Появится диалоговое окно Symbol Linkage Properties (параметры связывание символа). Отметьте радиокнопку Export this symbol (экспортировать символ) и введите имя myMuzak. Имя позволит ссылаться на звуковой символ.

Осталось создать звуковой объект. Его нужно инициировать на первом кадре клипа. Дважды кликните на первом кадре - откроется панель Frame Actions (действия с кадрами). Введите следующее:

Первая строка создает звуковой объект "mySound".

Вторая - связывает myMuzak с mySound.

Третья - определяет, что mySound начнется с первого кадра и повторится 999 раз.

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

Отображение положения ползунков

И напоследок вставим два динамических текстовых поля, которые будут отображать значения звука и баланса. Создайте два динамических текстовых поля. Одну переменную назовите "panAt":

Вторую - "volAt":

Опробуйте клип. В двух текстовых полях будут отображаться значения ползунков.

Вот и все. Наслаждайтесь.




Джо Джейбон http://www.flashkit.com/
Состояние воздуха:
Мониторинг загрязнения атмосферы в режиме реального времени
© 2004-2017 LABDESIGN.RU   e-mail: