Зараз ми розглянемо найбільш часто використовуваний прийом для створення навігації і анімованої зміни сторінок, на флеш сайтах.
Вихідні файли для цієї статті наведені в кінці.
На початку створимо кілька сторінок які потрібно буде анімоване міняти.
2. Створимо саму анімацію переховод між сторінками. В даному прикладі це вискакуванню сторінок.
Для цього я розміщую перший ключовий кадр зі сторінкою нижче робочої області, а наступний ключовий кадр розміщую в центр видимої області, і між ними використовуючи create motion tween створюю анімацію.
зауважте я для більшого реалізму вильоту сторінки використовував додатковий ключовий кадр в якому сторінка знаходитися трохи вище, таким чином виходить ефект коли сторінка трохи вилітає за кінцеве расплоложеніе і тут же в нього повертається.
схожим чином робиться анімація "улетанія" сторінки з екрану.
між вильотом у улетаніем сторінки, необхідно зробити зупинку.
для зупинки відтворення ролика використовується комманда stop ();
вам напевно вже ізвеснто, що краще поміщати комманди в окремий шар, у нас цей шар Layer 1.
виберіть кадр в цьому шарі, точно над кадром центрального стану сторінки.
вона записується без будь-яких параметрів, (у неї є антонім, комманда play (); запускає відтворення ролика)
Зараз же закінчите з анімацією "вилетів" і "улетаній" всіх сторінок
Використовуйте в якості переходу між сторінками, якесь загальний стан. У мене загальний стан, це білий екран (сторінка відлітає, залишається білий екран, і прилітає нова сторінка, потім ця дія повторюється)
Тепер для переходу між сторінками, ми використовуємо таку комманду - gotoAndPlay (параметр); Ця комманда дозволяє переміщатися по шкалі кадрів (timeline). Переходячи до будь-якого кадру будь-якого ролика. Розміщуємо цю комманду якраз над загальним станом сторінок (коли у нас немає сторінок на екрані)
тепер не багато про параметр комманди gotoAndPlay (); - в якості параметра можна використовувати як номер кадру так і мітку.
Ми використовуємо змінну labl в якій будемо зберігати значення мітки. Значення змінної labl будемо задавати при натисканні кнопок навігації.
gotoAndPlay (labl); // комманда переходу
коли використовуємо мітку безпосередньо тоді нам потрібно буде писати саму мітку в подвійних ковичках ми ж використовуємо змінну зі значенням мітки, тому записуємо параметр без лапок. Якщо в якості параметра використовується номер кадру, тоді він також записується без лапок.
Розставимо тепер мітки на які повинна посилатися змінна (це початок вильоту кожної сторінки). Помічаємо його міткою як показано нижче.
Приступимо тепер до виготовлення кнопок навігації.
створимо одну кнопку, намалювавши прямокутник, і конвертувати його в символ button (викликати меню конвертації можна натиснувши на F8, або зайшовши в меню Modify / convert to symbol). Тепер зайдіть в цю кнопку і перетягніть кадр зі стану up в стан hint як показано нижче
скопіюємо на кожне меню по одній такій кнопці. Самі по собі кнопки нічого не роблять, до них потрібно додавати обробник подій - для того що б вони на них реагували.
ось список подій на які реагує кнопка.
обробник подій кнопки починається з ключового слова On (подія)
на кожній кнопці ми запишемо наступний код, мене лише значення прісваевоемое змінної labl на відповідне цього розділу, мітку.
on (release) play (); // запуск ролика далі (після його зупинки)
labl = "P"; // привласнення змінної labl значення P (у нас це відповідає розділу "роботи")
>
Ось ми і закінчили зі створенням навігації для flash (флеш) сайту. Протестуйте і опублікуйте ролик.
Щось подібне мало у вас вийде.
Файли для завантаження