Egyszerű legördülő menüt a ActionScript 3
Egyszerű legördülő menüből az ActionScript 3.0
Ma megmutatom, hogyan lehet létrehozni egy egyszerű legördülő menüből az ActionScript 3.0 Adobe Flash. Akcentus a figyelmet arra a tényre, hogy ez létre fog hozni egy legördülő menü egyszerű. De senki sem zavarja a jövőben, hogy módosítsa a példában az ízlésének.
Húztam egy téglalapot, és fordult be a MovieClip szimbólum nevű pont. Ez lesz az alapja a gombot. Különösen felhívom a figyelmet arra a tényre, hogy a regisztrációs pont a gombot kell elhelyezni a bal felső sarokban.
Most zaydom belül a gombot, és hozzon létre ott egy dinamikus szövegmezőbe nevű item_txt. Ez a szöveg doboz jelenik meg a neve a gombot.
Ezt követően a munkadarab törölheti gombot az asztalon. De megmarad a könyvtárban a projekt, és vele mi lesz, hogy lenne még egy manipuláció.
Mi megy a könyvtár projekt, és mi a jobb gombbal a képre az egeret a videóklipet pont a korábban létrehozott. A helyi menü a videoklipet. Ebben az összefüggésben a menüből válassza a Tulajdonságok lehetőséget. A megnyíló ablakban tulajdonságait a szimbólum. Ebben az ablakban van, hogy a kullancs az elem EXPORTHITELEK ActionScript. A beviteli mező osztályok nevének kell lennie a mi film - pont. Ezután kattintson az OK gombot a változtatások. Gratulálunk, Ön létrehozott egy osztályt pont. És ez az osztály lesz szükségünk a következő lépésben létrehozza a legördülő menüből.
ActionScript 3.0 kód:
/ * Import osztály * / import flash.display.Sprite; import flash.filters.DropShadowFilter; import flash.net.navigateToURL; import flash.net.URLRequest; import flash.events.MouseEvent; import fl.transitions.Tween; import fl.transitions.easing.Regular; / * A funkció, amely létrehoz egy legördülő menü * / function createDropdownMenu (captionText: String, arr: Array): Sprite * контейнер для всего выпадающего меню */ var cont:Sprite = new Sprite(); cont.addEventListener(MouseEvent.ROLL_OVER,function(event:MouseEvent)); cont.addEventListener(MouseEvent.ROLL_OUT,function(event:MouseEvent)); cont.filters = [new DropShadowFilter(4,45,0x000000,0.4,4,4,1)]; /* заголовок выпадающего меню */ var caption:Item = new Item(); cont.addChild(caption); caption.item_txt.text = captionText; /* контейнер для кнопок выпадающего меню и маски */ var contDropdownMenu:Sprite = new Sprite(); cont.addChild(contDropdownMenu); contDropdownMenu.x = 0; contDropdownMenu.y = caption.height; /* количество кнопок в выпадающем меню */ var l:uint = arr.length; /* контейнер только для кнопок выпадающего меню */ var contItems:Sprite = new Sprite(); contItems.graphics.beginFill(0x000000,0); contItems.graphics.drawRect(0,0,contItems.width,contItems.height * l); contItems.graphics.endFill(); contDropdownMenu.addChild(contItems); /* создаём сами кнопки выпадающего меню */ for (var i:uint = 0; i
Ez minden.
Tekintettel arra, hogy a létesítmény a legördülő menüből, tettünk egy külön funkció, akkor nagyon gyorsan, hogy néhány végtelenül sok ilyen veszteséget menyushek.
ActionScript 3.0 kód:
import flash.display.Sprite; import flash.filters.DropShadowFilter; import flash.net.navigateToURL; import flash.net.URLRequest; import flash.events.MouseEvent; import fl.transitions.Tween; import fl.transitions.easing.Regular; működnek createDropdownMenu (captionText: String, arr: Array): Sprite
Itt talán, és mindent :-) Töltse le a forráskódját a lecke lehet a következő link - letöltés (az Adobe Flash CS5). Kiegészítés. Add ikonok a legördülő menüből. Térjünk vissza a videóklipet pont, és hozzon létre egy belső filmet nevezett ikonok. A MovieClip-e ikonok. ahogy sejteni lehet a neve, ikonok vannak tárolva. Mindegyik ikon egy külön keretben. A személyzet minden tagja (kivéve az első) írtak alá. Kis változtatásokat kell tenni a kódot. ActionScript 3.0 kód: / * Import osztály * / import flash.display.Sprite; import flash.filters.DropShadowFilter; import flash.net.navigateToURL; import flash.net.URLRequest; import flash.events.MouseEvent; import fl.transitions.Tween; import fl.transitions.easing.Regular; / * A funkció, amely létrehoz egy legördülő menü * / function createDropdownMenu (captionText: String, arr: Array): Sprite * контейнер для всего выпадающего меню */ var cont:Sprite = new Sprite(); cont.addEventListener(MouseEvent.ROLL_OVER,function(event:MouseEvent)); cont.addEventListener(MouseEvent.ROLL_OUT,function(event:MouseEvent)); cont.filters = [new DropShadowFilter(4,45,0x000000,0.4,4,4,1)]; /* заголовок выпадающего меню */ var caption:Item = new Item(); cont.addChild(caption); caption.item_txt.text = captionText; /* контейнер для кнопок выпадающего меню и маски */ var contDropdownMenu:Sprite = new Sprite(); cont.addChild(contDropdownMenu); contDropdownMenu.x = 0; contDropdownMenu.y = caption.height; /* количество кнопок в выпадающем меню */ var l:uint = arr.length; /* контейнер только для кнопок выпадающего меню */ var contItems:Sprite = new Sprite(); contItems.graphics.beginFill(0x000000,0); contItems.graphics.drawRect(0,0,contItems.width,contItems.height * l); contItems.graphics.endFill(); contDropdownMenu.addChild(contItems); /* создаём сами кнопки выпадающего меню */ for (var i:uint = 0; i Töltse le a forráskódot példákat ikonok itt (az Adobe Flash CS5). Kiegészítés. A menü megnyitásához kattintson a képre az egeret a címet. Ez időbeosztás nem fog változni. A változások érintik csak a kódot. ActionScript 3.0 kód: / * Import osztály * / import flash.display.Sprite; import flash.filters.DropShadowFilter; import flash.net.navigateToURL; import flash.net.URLRequest; import flash.events.MouseEvent; import fl.transitions.Tween; import fl.transitions.easing.Regular; / * A funkció, amely létrehoz egy legördülő menü * / function createDropdownMenu (captionText: String, arr: Array): Sprite * контейнер для всего выпадающего меню */ var cont:Sprite = new Sprite(); cont.addEventListener(MouseEvent.ROLL_OUT,function(event:MouseEvent)>); cont.filters = [új DropShadowFilter (4,45,0x000000,0.4,4,4,1)]; / * Fejléc legördülő menü * / var felirata: Elem = new pont (); cont.addChild (felirat); caption.item_txt.text = captionText; caption.mouseChildren = false; caption.addEventListener (MouseEvent.CLICK, funkció (esemény: MouseEvent) else>); / * Konténer gombok és legördülő menü maszk * / var contDropdownMenu: Sprite = new Sprite (); cont.addChild (contDropdownMenu); contDropdownMenu.x = 0; contDropdownMenu.y = caption.height; / * Gombok száma a legördülő menüből * / var l: uint = arr.length; / * Container csak gombok legördülő menü * / var contItems: Sprite = new Sprite (); contItems.graphics.beginFill (0x000000,0); contItems.graphics.drawRect (0,0, contItems.width, contItems.height * l); contItems.graphics.endFill (); contDropdownMenu.addChild (contItems); contItems.mouseEnabled = false; / * Új saját legördülő menü gomb * / for (var i: uint = 0; i És ez a példa forráskód letölthető itt (a Adobe Flash CS5). Legördülő menü hanggal és animációs pontokat. Változások lesz, hogy a menetrend (létrehoz egy animációs belsejében egy videóklipet pont), és a kódot. ActionScript 3.0 kód: / * Import osztály * / import flash.display.Sprite; import flash.display.MovieClip; import flash.filters.DropShadowFilter; import flash.net.navigateToURL; import flash.net.URLRequest; import flash.events.MouseEvent; import fl.transitions.Tween; import fl.transitions.easing.Regular; / * A funkció, amely létrehoz egy legördülő menü * / function createDropdownMenu (captionText: String, arr: Array): Sprite * контейнер для всего выпадающего меню */ var cont:Sprite = new Sprite(); cont.addEventListener(MouseEvent.ROLL_OUT,function(event:MouseEvent)>); cont.filters = [új DropShadowFilter (4,45,0x000000,0.4,4,4,1)]; / * Fejléc legördülő menü * / var felirata: Elem = new pont (); cont.addChild (felirat); caption.item_txt.text = captionText; caption.mouseChildren = false; caption.addEventListener (MouseEvent.CLICK, funkció (esemény: MouseEvent) else>); / * Konténer gombok és legördülő menü maszk * / var contDropdownMenu: Sprite = new Sprite (); cont.addChild (contDropdownMenu); contDropdownMenu.x = 0; contDropdownMenu.y = caption.height; / * Gombok száma a legördülő menüből * / var l: uint = arr.length; / * Container csak gombok legördülő menü * / var contItems: Sprite = new Sprite (); contItems.graphics.beginFill (0x000000,0); contItems.graphics.drawRect (0,0, contItems.width, contItems.height * l); contItems.graphics.endFill (); contDropdownMenu.addChild (contItems); contItems.mouseEnabled = false; / * Új saját legördülő menü gomb * / for (var i: uint = 0; i Ezen kívül, meg kell állítani a hangot, amit használni a forgatókönyvet. Ahhoz, hogy megtanulják, hogyan kell importálni a hang a Flash projektek meg itt: a Flash IDE ActionScript 3.0 Sound. Töltse le a forráskódot példák itt (az Adobe Flash CS5). Köszönöm. Most minden rendben :-) A probléma abból adódik, hogy a méret a menüpontok határozzuk dinamikusan. És ez a munka kudarcba fullad, ha van animáció a menüben. A megoldás egyszerű: ahelyett item.height és caption.height helyettesítheti a magassága a menüpontok (példámnál - 40). Hozzátette példát a hang és animáció. Amellett, hogy az alacsonyabb post: Ne mondd, hogy ez a forgatókönyv, hogy adjunk hangot, hogy a kattintás az egérrel? Navol nevezte ki, tedd az egér - amint tette az azonos rövid hangot ad. És a második, hogyan kell csinálni, így amikor navol és eltávolította az egér gombját, az animáció hoztam létre ezt a gombot? > Mi a teendő, így ez volt a legördülő menüben minden menüpont? És hogyan kell csinálni, így ez volt a legördülő menüben minden menüpont? Őszintén szólva, nem egészen értem a probléma lényegét, különösen a szavak. Igen, és nagyon ritkán a Tween osztály munkáját, inkább használja a zöld zokni. hogy lehetséges-e egy statikus osztály „BackForward”, hogy adjunk egy osztály „Tween”? Tween használják összehangolja primitív „Z7”, amely a gomb nevét „geo”, amelyhez viszont hozzátette: „BackForward” osztályú. A kimenet jelzi, hogy az I. vagy osztály nem támogatja a statikus iker vagy „null”.
. Vagy hogyan lehet a generáció a legördülő menü nem az MovieClip, Button és a karakter? Csak a gomb szimbólum lehetőséget biztosított a felvételeket (Up, Over, Le) szúrni hang és más karakter nélküli script
bármilyen megoldás?