. .. : Swf.hu 1.0 archívum : Swf.hu főoldal >>> : .. .




 
 
SEGÉDLETEK Flash alapok

Hogyan készítsünk pop-up menüt Flash MX 2004-ben
  feltöltve: 2004.07.16 | szerző: sgabe | olvasva: 20193 alkalommal

   
 

A segédlet során egy rollover pop-up menüt fogunk elkészíteni az alább látható példához hasonlóan. A leírás minden részletre kiterjedően segít végrehajtani a lépéseket. Aki nem most lát először Flasht annak biztosan nem okoz majd gondot a menü elkészítése. Akkor essünk neki...

A mozi elkészítése

A menü működése

  1. Minden menüpontnak van egy saját része a mozi idősávján. Ezzel elkerüljük a további konfliktusokat az egyes almenüpontok között.
  2. A rollOver akciókat láthatatlan gombok segítségével hajtjuk végre. Minden menüpontnak saját láthatatlan rollOver gombja van.
  3. A rollOver gomb mérete megegyezik a teljes színpadból a menüpont számára kivágott résszel.
  4. A menüpontok és a rejtett gombok nem fedhetik egymást! Egyéb esetben a menü hibásan, vagy egyáltalán nem fog müködni!

Rétegek elkészítése

  1. Készítsünk 4 réteget Insert > Timeline > Layer.
  2. Nevezzük el a felső réteget "actions/labels".
  3. Nevezzük el a második réteget "top level buttons".
  4. Nevezzük el a harmadik réteget "submenu buttons".
  5. Nevezzük el az alsó réteget "invisible buttons".

Actions/labels réteg beállítása

  1. Válasszuk ki az actions/labels réteg első képkockáját és nevezzük el "start".
  2. Válasszuk ki az Actions fület majd kattintsunk a "+" jelre és adjunk hozzá a képkockához egy "Stop" akciót a Global Functions > Timeline Control > stop kiválasztásával.
  3. Jelöljük ki az actions/labels réteg 10. képkockáját, majd a jobb egérgombbal kattintva hívjuk elő a menüt és válasszuk az Insert Keyframe opciót vagy nyomjuk le az F6 billentyűt. Majd nevezzük el a létrehozott kulcs képkockát "menu1".
  4. Az Actions fülön adjunk hozzá a képkockához egy "Stop" akciót, úgy mint az előbb.
  5. Jelöljük ki az actions/labels réteg 20. képkockáját, nyomjuk le az F6 billentyűt majd nevezzük el a kulcs képkockát "menu2".
  6. Az Actions fülön adjunk hozzá a képkockához egy "Stop" akciót.
  7. Jelöljük ki az actions/labels réteg 30. képkockáját és nyomjuk le az F6 billentyűt.
  8. Ezzel a réteggel végeztünk, zárjuk le a lakat ikonra kattintva.

Gombok elkészítése

  1. Készítsünk egy gombot Insert > New Symbol majd nevezzük el "button".
  2. Válasszuk a Rectangle Toolt (R) és rajzoljunk egy 100x25 pixel méretű kék téglalapot körvonalak nélkül, középre igazítva.
  3. Jelöljük ki az Over képkockát és nyomjuk le az F6 billentyűt.
  4. A Paint Bucket Tool (K) segítségével változtassuk meg a téglalap színét világosabb kékre. Az elkészült moziban így fog világoskékre változni a gomb színe amikor a kurzor fölötte van.
  5. Jelöljük ki a Down képkockát és nyomjuk le az F6 billentyűt.
  6. A Paint Bucket Tool (K) segítségével változtassuk meg a téglalap színét egy sötétebb kékre. Amikor kész leszünk ennek hatására lesz sötétkék a gomb amikor az egérrel kattintunk felette.
  7. Most térjünk vissza a főmozihoz Edit > Edit Document.
 
   
 
 

© Devnet.hu. A segédletek semmilyen formában nem másolhatók, publikálhatók a Devnet.hu és a szerzők közös írásos engedélye nélkül.
 
. .. : Swf.hu 1.0 archívum : Swf.hu főoldal >>> : .. .