Ещё одна всплывающая подсказка на ActionScript 3.0

Сегодня я продолжу недавно начатую тему всплывающих подсказок для флеш-приложений на ActionScript 3.0 и опишу работу с ещё одним интересным классом OBO_ToolTip от Devon O. Wolfgang. Данный класс тоже реализует работу всплывающих подсказок в флеш-роликах, но делает он это иначе, чем в ранее рассмотренном классе.

Давайте для начала просто посмотрим, какие подсказки позволяет создать класс OBO_ToolTip. Итак, смотрим...

Загрузить Adobe Flash Player

С помощью данного класса можно создать очень симпатичные всплывающие подсказки с закруглёнными углами.

Загрузить Adobe Flash Player

Теперь посмотрим, как можно воспользоваться классом OBO_ToolTip в наших флеш-приложениях.

В первую очередь мы должны подключить сам класс OBO_ToolTip к нашему проекту. Для этого на главной временной шкале (сейчас код будем писать именно там) пишем примерно следующее...

Код ActionScript 3.0:

import OBO_ToolTip;

То есть с помощью инструкции import мы должны указать путь до класса. В данном случае класс и флеш-проект находятся в одной и той же папке (и использование import в этом конкретном случае не является обязательным).

Затем мы должны настроить нашу будущую всплывающую подсказку. Делается это следующим образом...

Код ActionScript 3.0:

var toolTip:OBO_ToolTip = OBO_ToolTip.createToolTip(myRoot, font, tipColor, tipAlpha, tipShape, fontColor, fontSize, advRendering);

где:

- myRoot - контейнер, внутри которого будет размещаться созданная нами всплывающая подсказка;

- font - этот параметр отвечает за используемый в подсказке шрифт и в качестве значения принимает экземпляр класса Font или экземпляр класса, который расширяет класс Font (о том, как встроить шрифт в флеш-ролик, говорилось в прошлом посте);

- tipColor - цвет всплывающей подсказки;

- tipAlpha - прозрачность всплывающей подсказки в диапазоне от 0 (полная прозрачность) до 1 (полная непрозрачность);

- tipShape - форма всплывающей подсказки;

Доступно два значения:

1.) SQUARE_TIP - прямоугольная форма;

2.) ROUND_TIP - с закруглёнными углами.

- fontColor - цвет текста;

- fontSize - размер шрифта;

- advRendering - данному параметру рекомендуется присваивать значение false, если вы используете пиксельные шрифты, и true - для прочих шрифтов.

Теперь мы, наконец-то, можем прикрепить подсказку к конкретному объекту. Например, присвоим подсказку мувику по имени btn...

Код ActionScript 3.0:

btn.addEventListener(MouseEvent.ROLL_OVER, overBtn); btn.addEventListener(MouseEvent.ROLL_OUT, outBtn); function overBtn(event:MouseEvent):void { toolTip.addTip("Это кнопка!"); } function outBtn(event:MouseEvent):void { toolTip.removeTip(); }

Если приведённый выше код остался вам непонятен, то стоит обратится к основам создания кнопок в ActionScript 3.0.

Объединим описанные ранее этапы создания всплывающей подсказки в один законченный пример...

Код ActionScript 3.0:

/* импортируем класс */ import OBO_ToolTip; /* настройка всплывающей подсказки */ var toolTip:OBO_ToolTip = OBO_ToolTip.createToolTip(this, new Ariac(), 0xff0000, 0.5, OBO_ToolTip.ROUND_TIP, 0xffffff, 16, false); /* подключаем наши всплывающие подсказки к объектам на сцене флеш-ролика */ btn.addEventListener(MouseEvent.ROLL_OVER, overBtn); btn.addEventListener(MouseEvent.ROLL_OUT, outBtn); function overBtn(event:MouseEvent):void { toolTip.addTip("Это кнопка!"); } function outBtn(event:MouseEvent):void { toolTip.removeTip(); }

Вот и всё. Конечно, использование такой подсказки имеет свои недостатки (например, код не такой компактный, как в примере из предыдущего поста), но, однако, есть и свои неоспоримые преимущества. Всплывающая подсказка, созданная с помощью класса OBO_ToolTip, имеет множество полезных настроек, что положительно сказывается на конечном результате.

Исходник под Adobe Flash CS5.5 и сам класс OBO_ToolTip можно скачать здесь.

Примечания:

[!] Если кого-то интересует использование OBO_ToolTip в ООП, то смотрите листинг самого класса. Там автор приводит пример встраивания всплывающей подсказки в тело класса (см. исходник).

Автор: admin

Дата добавления: 2011-10-25

Просмотров: 8307

Рейтинг поста: +16-

Правила перепечатки

Социальные закладки:
Комментарии:
Комментатор
Комментарий добавил(а): Андерсен
Дата добавления: 2012-02-08
Спасибо, пригодилось
Добавить комментарий:







[ + ] помощь по форматирование текста

Идиот-тест

Если все обязательные поля (отмечены * ) заполнены необходимой информацией, то нажимаем кнопку Добавить комментарий.

Страница 2 из 2: 12
Меню
Подписка
Рубрики
Метки
Последние комментарии
Рейтинг постов
Реклама
Друзья
География гостей
Статистика
Яндекс.Метрика