71. [howto] Tooltip Part2. Подключаем плавное появление/пропадание подсказки используя Alpha

howto – Серия статей, в которых мы будем разбирать как делать эффекты во флеше и другие интересные полезности. Посмотреть все уроки серии: http://flashpress.ru/blog/category/howto/
Серия статей на тему создания всплывающей подсказки(ToolTip):
  1. Tooltip Part1. Создаем tooltip – всплывающую подсказку
  2. Tooltip Part2. Подключаем плавное появление используя Alpha
  3. Tooltip Part3 Подключаем плавное появление используя Zoom (скоро)
  4. Tooltip Part4. Подсказка с отображением картинки и цвета текста (скоро)

В предыдущей статье мы с вами научились создавать всплывающие подсказки с помощью ActionScript 3.0. В этой статье я расскажу вам как можно сделать так что бы подсказка появлялась плавно через эффект Alpha – прозрачность. Посмотрите на флешку, что бы понять о чем идет речь:

Здесь должна быть флешка. Установите Flash Player


Если вы уже создали свои собственные классы подсказки на основе предыдущего примера, не переживайте что вам придется что то менять в своих файлах. Как вы помните, в прошлой статье мы создали базовый класс TooltipBase.as, а ваши собственные классы подсказки должны были наследоваться от этого базового класса. Так вот сейчас мы будем редактировать только базовый класс, а все что вы делали в вашем классе наследнике TooltipBase, останется без изменений в рамках этого примера. Если вам не знакомы принципы ООП, то вот вам наглядный пример – мы создали базовый класс который реализует базовый функционал, мы можем его редактировать не опасаясь за классы потомки.

Для создания анимации мы будем использовать библиотеку FPTween. Посмотрите на измененный класс TooltipBase:

Как видите, здесь мы создали компонент FPTween, и запускаем анимацию появления(alpha=1) и пропадания(alpha=0). Раньше в обработчике события MouseEvent.ROLL_OUT (в методе outHandler) мы удаляли компонент со stage методом removeChild(this), сейчас же в этом методе мы стартуем анимацию пропадания. И уже в обработчике события окончания анимации пропадания, удаляем объект со stage методом removeChild(this).

Не забудьте подключить библиотеку FPTween.swc в вашем FlashBuilder-проекте, как это сделать читайте в статье SWC Part1. Что такое swc и как с этим работать

Как это реализовать в Adobe Flash CS

Для реализации в проекте Adobe Flash CS, вам надо поместить обновленный класс TooltipBase, рядом с вашим fla-файлом, и подключить библиотеку FPTween.swc, которая лежит в прилагаемом архиве. Как подключать swc библиотеку в проекте Adobe Flash CS читайте в статье SWC Part1. Что такое swc и как с этим работать.

Скачать исходники проекта на FlashBuilder можно здесь, а исходники проекта Adobe Flash CS здесь.

Задание #1

Попробуйте реализовать эффект появления из точки – Zoom Effect, как показано во флешке:

Здесь должна быть флешка. Установите Flash Player


Если у вас не получится – не расстраивайтесь, в следующей статье из серии Tooltip я расскажу вам как это делать.

Если у вас что то не получилось или вы хотите получить оценку сделанному, прикладывайте в комментариях или отправляйте мне на почту архив с вашим проектом. Отправить письмо можно в разделе Контакты

Серия статей на тему создания всплывающей подсказки(ToolTip):
  1. Tooltip Part1. Создаем tooltip – всплывающую подсказку
  2. Tooltip Part2. Подключаем плавное появление используя Alpha
  3. Tooltip Part3 Подключаем плавное появление используя Zoom (скоро)
  4. Tooltip Part4. Подсказка с отображением картинки и цвета текста (скоро)

Да прeбудет с вами Flash.
Serious Sam
Эту статью прочитали 2509 раз

Возникли вопросы по статье? Не стесняйтесь спрашивать в комментариях или любым другим способом на странице Контакты .

Присоединяйтесь к нам в социальных сетях: ВКонтакте , Twitter и Facebook
Понравилась статья? Буду благодарен если вы поделитесь ссылкой с друзьями:


Комментарии ВКонтакте:




Комментарии Facebook:




Комментарии WordPress: