as-flash.com

Jedno od najcescih stvari koje se koriste na webu su padajuci izbornici (drop down menu). U ovom tutorijalu cemo napraviti jednostavan Flash padajuci izbornik.

---

Ovdje mozete skinuti source

---

---

Otvorite Flash i kreirajte novi dokument (Actionscript 2.0). Nacrtajte glavni dugmic u osnovnom stanju. U mom primjeru on izgleda ovako:

Nakon sto ste ga nacrtali selektirajte ga i pretvorite u Button (slika). Ime (tj. Name) ovog dugmica nije bitno. Nazovite ga kako hocete.
Ako hocete novo napravljeni dugmic mozete dodatno urediti tako da dvoklikom udete u njega i modificirate 4 osnovna framea dugmica (Up, Over, Down, Hit). Za dodatno objasnjenje pogledajte ovaj tutorijal>

Ako ste editirali dugmic izide iz njega. Kreirajte 3 nova layera. Nazovite ih actions, dugmici- tekst i nevidljivi (naravno mozete staviti svoja imena, samo cu ja raditi s ovim) – vidi sliku

Na layeru dugmici tekst upisite tekst iznad dugmica (moj primjer to je tekst MENU).
Layer nevidljivi neka ostane prazan. Selektirajte layer actions i otvorite ActionScript prozor (tipka F9). U taj prozor upisite sljedeci kod:

• broj_dugmica=5;
  function resetiraj_sve() {
  for(i=1;i<=broj_dugmica;i++) _parent[”menu”+i].gotoAndStop(1);
  }
  stop();

broj_dugmica odredujemo broj stavki u glavnom meniju (u mom slucaju to je 5)
Funckcijom resetiraj_sve cemo vracati sve menije u pocetno stanje. Ovo je potrebno zbog toga jer flash ponekad to ne napravi sam – preklapanje layera.

Selektirajte napravljeni dugmic i otvorite ActionScript prozor. Upisite sljedece:

• on(rollOver) {
• resetiraj_sve();
• gotoAndStop(2);
• }

Kada ste to napravili u layeru dugmici tekst, dugmici, nevidljivi kreirajte jedan keyframe. Tako da bude kao na slici:

Na layeru dugmici nacrtajte novi dugmic koji ce sluziti kao podmeni glavnog menija (na isti nacin kao sto ste napravili i glavni dugmic). Kada ste nacrtano pretvorili u button kopirajte taj dugmic onoliko puta koliko stavki zelite u vasem meniju.
U layeru dugmici- tekst upisite tekst iznad svakog dugmica… – vidi sliku
U layeru nevidljivi nacrtajte kvadrat koji prekriva cijeli meni (i malo vise). Nacrtano pretvorite u Button. Editirajte novi button tako da pomaknete njagov keyframe sa stanja Up na stanje Hit. Pogledajte sliku:

Kad ste editirali ovaj button izidite iz njega i selektirajte ga. Otvorite ActionScript prozor (tipka F9) i upisite sljedeci kod:

• on (rollOver) {
• gotoAndStop(1);
• }

Nakon obavljenog posla frameova i layeri bi trebali izgledati ovako:

Izidite na glavnu scenu i postavite vasem meniju Instance name menu1.

Na isti nacin kreirajte nove stavke u meniju, samo sto cete njima dodijelivati drukciji Instance name: menu2, menu3, menu4….

Radi jednostavnosti izrade ja sam kopirao isti meni jos 4 puta i dodijelio odgovarajuca Instance imena (name).

---

---

Kategorija: Actionscript objavljeno 17.08. 2007