Share
Stacks-funktionen har varit en del av Mac OS sedan Leopard och det är ett utmärkt sätt att hantera visningselement. I denna Snabba Tips kommer vi att härma denna funktion med ActionScript 3-klasser.
Låt oss ta en titt på det slutliga resultatet vi ska arbeta för:
Vi kommer att använda sig av den fantastiska klassen som skapats av PixelFumes och anpassad grafik för att skapa en stapelmeny i Flash. Du kan ladda ner källan till klassen från utvecklarens webbplats.
Starta Flash och skapa ett nytt Flash-dokument, sätt scenstorleken till 508x243px och bildhastigheten till 24fps.
Detta är gränssnittet vi ska använda; Bakgrunden är en bild som tas från mitt skrivbord och de kalla logotyperna är en del av Tuts + -nätet.
Konvertera logotyperna till MovieClip och markera Exportera till ActionScript checkbox. Den grå torget är en uppmaningsknapp som heter stackButton.
Skapa en ny ActionScript-klass (Cmd + N), spara filen som Main.as och skriv följande rader; Vänligen läs kommentarerna i koden för att förstå klassens beteende.
paket import flash.display.Sprite; importera flash.events.Event; importera flash.events.MouseEvent; importera com.pixelfumes.stacks.Stack; // Kom ihåg att importera anpassad klass import fl.transitions.easing.Elastic; Offentlig slutklass Main sträcker sig Sprite private var stack: Stack = new Stack (); // Skapar en ny stapelbehållare / * De följande variablerna är filmklippsnamnen, du kan lägga till filmklipp till staplarna * / privat var nt: NT = nytt NT (); // Nettuts + logo privat var vid: AT = ny AT (); // Activetuts + logo privat var mt: MT = ny MT (); // Mobiletuts + logo allmän slutlig funktion Main (): void / * Ställ in stapelegenskaperna * / stack.setRadius (240); stack.setAngle (35); stack.setStartAngle (0); stack.setOpenEasing (Elastic.easeOut); stack.setOpenTime (1); stack.setCloseEasing (Elastic.easeOut); stack.setCloseTime (0,5); / * Lägg till elementen i stapelbehållaren * / stack.addItem (nt); stack.addItem (at); stack.addItem (mt); / * Placera och lägg till staplarna till scenen * / addChild (stack); stack.x = stackButton.x; stack.y = stackButton.y; / * Lyssnar på klick på stapeln * / stackButton.addEventListener (MouseEvent.MOUSE_DOWN, stackClick); privat sista funktionstackClick (e: Event): void if (stack.getStackOpen () == false) // om stacken är stängd, öppna den stack.openStack (); else // stack är öppen, så stäng den stack.closeStack ();
Lägg till klassnamnet till Klass fält i Publicera del av Egenskaper panel.
Du har skapat en användbar stapelmeny för dina applikationer eller hemsida. Du kan anpassa projektet för att möta dina behov eller använda den här tekniken för att bygga dina anpassade staplar.
Jag hoppas att du gillade den här snabba tipsen, tack för att du läste!
Accentsconagua