Уроци мигат интерактивна карта - софтуер

Рияд Ал Балуши (Превод: bu_blik)

Този урок ще ви научи как да се създаде интерактивна карта. които, когато мишката върху града, ще се появи малко по снимка.

Ние ще трябва този път със снимка файл. използвана в урока.

Създаване на нов документ, размерът на 620h420 и кадъра в секунда (кадри) 30.

Ние наричаме нашия един слой Карта и внос (Frame> Import> Import със сцената) Търсене по картата на изображението ще блокира слой.

Създаване на бутони.
Създайте нов слой, наречен бутони. Ние ще използваме този слой, за да създадете първия бутон, а след това го копирате в други градове.
Вземете Oval Tool и начертайте кръг навсякъде в нашата сцена. Диаметър е около 25 пкс. Докато кръга се освети, натиснете F8 (Convert да Symbol), perobrazuem в myButton символа бутон и име, с регистрация точка в центъра.

Ние не се нуждаем от това да ни се вижда бутон, както на картата, градът е определила някои znakami.Poetomu, Задай като нашия бутон невидим. Двойно натискане на кръг, за да влезе на бутона за режим на редактиране. В съответствие с времевата линия ние преместите нагоре рамката на рамката на Hit. Вижте фигура.

Бутон готов. Върнете се на главната сцена

и ние поставяме нашите бутон в горната част на звездата, която показва местоположението на града на картата Мускат. В инспектор Имоти даде името на нашия основен muscat_btn.

Първата ни gotova.Teper бутон копирате и поставяте бутона в горната част на символа други градове (Сохар, Дубай и Абу Даби) .Ostalps се промени името на потребителския модел в по sohar_btn бутони, dubai_btn и abu_dabhi_btn съответно.

Проверка на съществуващите слоеве бяха zakryty.Sozdaem нов слой, наречен маркер. Внос показалка изображение рамката> Import> Import до сцената. Докато обектът е избран натиснете F8, се трансформира в Clip Movie и име myMarker.
Ние трябва да се сложи точка на регистрация на върха на показалеца, така че ще бъде на върха на индекса е отправна точка. Кликнете два пъти върху oektov за да влезе redaktirovaniya.Obratite на режим vnnimanie знака +. Поставете курсора на мишката, така че върхът на неговата би докосване + знак. Съставено блокира слой.

Уроци мигат интерактивна карта - софтуер

Все още е в режим на редактиране, ние наричаме нашия един слой на маркера и добавяне на 4 допълнителни рамки (4 пъти, като натиснете F5). Създайте нов слой, наречен Градове. Добавете 4 ключови кадри (до слой е избран натиснете 4 пъти F6) .Smotrim тираж.

Сега внасяме бе избрана миниатюрите за всеки слой да goroda.Proverte Градове, сега натиснете втория фрейм и отидете на кадър> Import> Import към Етап, изберете Мускат изображение. Ние събрахме миниатюра на върха на индекса, както е показано на фигурата.

Кликнете на втория фрейм в слоя Градове в Маскат на имоти инспектор напиши името на рамката.

На следващо място, един по един, всеки внос снимки градове следващия кадър Градове слой, и, които се поставят на миниатюри началото ukazatelya.Kak описано по-горе. Тогава ние се регистрирате име за всеки кадър, съответно. (Сохар, Дубай, и abu_dhabi)

Сега пиша спирка (); за първи kadra.Vydelyaem първия кадър панел отваряне Action Script (F9) и пишат спирка ();
Върнете се на главната сцена. Предписва marker_mc името например. за индекса на видеоклип (маркер).

Създайте нов слой, отидете в панела Action Script (F9). И тук пишем този код:

внос mx.transitions.Tween;
внос mx.transitions.easing * .;

VAR места: Array = [ "Мускат", "Sohar", "Dubai", "abu_dhabi"]

функция двигател (targetX, targetY) currentX = marker_mc._x;
currentY = marker_mc._y;
Var xTween: Tween = нов Tween (. marker_mc "_x", Strong.easeOut, currentX, targetX 5, вярно);
Var yTween: Tween = нов Tween (marker_mc "_y", Back.easeOut, currentY, targetY, 1.5, вярно);
>

за (Var I = 0; иVar my_btn = тази [места [Ь] + "_ BTN"];
my_btn.myCity = места [I];
my_btn.onRollOver = функция () двигател (this._x, this._y);
marker_mc.gotoAndStop (this.myCity);
>
>

Първите два реда код просто внасят Tween и облекчаване класове, необходими за използване на Tween ефект.

внос mx.transitions.Tween;
внос mx.transitions.easing * .;

Във втората част (един ред) - Array, който съдържа имената на градове, имената тук трябва да съответстват на първата част от името на един бутон. Това е - като едни и същи имена, които са били използвани като маркери на рамката.

VAR места: Array = [ "Мускат", "Sohar", "Dubai", "abu_dhabi"]

Третата част от кода се създава функция, която използва класа Tween. за да преместите курсора от сегашната си позиция до позицията на бутона, който нарича функция. Ние създадохме две Tween обекти се движат обекта хоризонтално и вертикално.

В заключителната част на кода създава имена инстанция за бутоните, а след това преместване на показалеца и спира върху изображение на избрания град.

Downloads