- Tooltip Part1. Створюємо tooltip - підказку
- Tooltip Part2. Підключаємо плавне поява використовуючи Alpha
- Tooltip Part3 Підключаємо плавне поява використовуючи Zoom (скоро)
- 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).
Як це реалізувати в Adobe Flash CS
Завантажити вихідні проекту на FlashBuilder можна тут. а вихідні проекту Adobe Flash CS тут.
Спробуйте реалізувати ефект появи з точки - Zoom Effect, як показано у флешці:
Тут повинна бути флешка. Встановіть Flash Player
Якщо у вас не вийде - не турбуйтеся, в наступній статті з серії Tooltip я розповім вам як це робити.
- Tooltip Part1. Створюємо tooltip - підказку
- Tooltip Part2. Підключаємо плавне поява використовуючи Alpha
- Tooltip Part3 Підключаємо плавне поява використовуючи Zoom (скоро)
- Tooltip Part4. Підказка з відображенням картинки і кольору тексту (скоро)
Так прeбудет з вами Flash.
Serious Sam
Цю статтю прочитали 2520 раз