Share
De Stacks-functie maakt sinds Leopard deel uit van Mac OS en het is een geweldige manier om display-elementen te gebruiken. In deze Quick Tip bootsen we deze functie na met ActionScript 3-klassen.
Laten we eens kijken naar het eindresultaat waar we naartoe zullen werken:
We maken gebruik van de geweldige klasse die is gemaakt door PixelFumes en aangepaste afbeeldingen om een stapels-menu in Flash te maken. U kunt de bron van de klas downloaden van de site van de ontwikkelaar.
Start Flash en maak een nieuw Flash-document, stel de stage in op 508x243 px en de framesnelheid op 24 fps.
Dit is de interface die we zullen gebruiken; de achtergrond is een afbeelding van mijn bureaublad en de coole logo's maken deel uit van het Tuts + -netwerk.
Converteer de logo's naar MovieClip en markeer de Exporteren voor ActionScript checkbox. Het grijze vierkant is een opgeroepen toneelknop stackButton.
Maak een nieuwe ActionScript-klasse (Cmd + N), sla het bestand op als Main.as en schrijf de volgende regels; lees de opmerkingen in de code om het gedrag van de klas volledig te begrijpen.
pakket import flash.display.Sprite; import flash.events.Event; import flash.events.MouseEvent; import com.pixelfumes.stacks.Stack; // Vergeet niet om de aangepaste klasse import fl.transitions.easing.Elastic te importeren; public final class Hoofd breidt private var stack uit: Stack = new Stack (); // Creëert een nieuwe Stack-container / * De volgende variabelen zijn de namen van de filmclips, je kunt elke filmclip aan de stacks toevoegen * / private var nt: NT = new NT (); // Nettuts + logo private var op: AT = nieuwe AT (); // Activetuts + logo private var mt: MT = nieuwe MT (); // Mobiletuts + logo public final function Main (): void / * Stel de stack-eigenschappen * / stack.setRadius (240) in; stack.setAngle (35); stack.setStartAngle (0); stack.setOpenEasing (Elastic.easeOut); stack.setOpenTime (1); stack.setCloseEasing (Elastic.easeOut); stack.setCloseTime (0,5); / * Voeg de elementen toe aan de stapelcontainer * / stack.addItem (nt); stack.addItem (at); stack.addItem (mt); / * Plaats en voeg de stapels toe aan de fase * / addChild (stapel); stack.x = stackButton.x; stack.y = stackButton.y; / * Luistert naar klikken op de stapelknop * / stackButton.addEventListener (MouseEvent.MOUSE_DOWN, stackClick); private final-functie stackClick (e: Event): void if (stack.getStackOpen () == false) // als stack is gesloten, open het stack.openStack (); else // stack is open, dus sluit het stack.closeStack ();
Voeg de klassenaam toe aan de Klasse veld in de Publiceren deel van de eigenschappen paneel.
U hebt een handig stapels-menu gemaakt voor uw toepassingen of website. U kunt het project aanpassen aan uw behoeften of deze techniek gebruiken om uw eigen Stacks te bouwen.
Ik hoop dat je deze Quick Tip leuk vond, bedankt voor het lezen!
Accentsconagua