Sfat rapid caracteristica Mimic Stacks din Mac OS X utilizând AS3

Funcția Stacks a făcut parte din Mac OS de la Leopard și este o modalitate excelentă de a gestiona elementele de afișare. În acest sfat rapid, vom imita această caracteristică utilizând clasele ActionScript 3.


Rezultatul final al rezultatelor

Să aruncăm o privire asupra rezultatului final pe care îl vom strădui:


Pasul 1: Prezentare succintă

Vom folosi clasa minunată creată de PixelFumes și grafica personalizată pentru a crea un meniu Stacks în Flash. Puteți descărca sursa clasei de pe site-ul dezvoltatorului.


Pasul 2: Configurați fișierul dvs. Flash

Lansați Flash și creați un nou document Flash, setați dimensiunea scenei la 508x243px și rata de cadre la 24fps.


Pasul 3: Interfața

Aceasta este interfața pe care o vom folosi; fundalul este o imagine preluată de pe desktop și siglele reci fac parte din rețeaua Tuts +.

Conversați logo-urile în MovieClip și marcați Exportați pentru ActionScript Caseta de bifat. Pătratul gri este un buton de scenă numit stackButton.


Pasul 4: ActionScript

Creați o nouă clasă ActionScript (Cmd + N), salvați fișierul ca Main.as și scrieți următoarele linii; citiți comentariile din cod pentru a înțelege pe deplin comportamentul clasei.

 pachet import flash.display.Sprite; importul flash.events.Event; importul flash.events.MouseEvent; import com.pixelfumes.stacks.Stack; // Amintiți-vă să importați importul claselor fl.transitions.easing.Elastic; public final clasa principală extinde Sprite private var stack: Stack = new Stack (); // Crează un nou container Stack / * Următoarele variabile sunt numele de movieclips, puteți adăuga orice movieclip la stive * / privat var nt: NT = nou NT (); // Nettuts + logo privat la: AT = new AT (); // Activetuts + logo privat var MT: MT = nou MT (); // Mobiletuts + logo funcția finală publică Main (): void / * Setați proprietățile stivei * / stack.setRadius (240); stack.setAngle (35); stack.setStartAngle (0); stack.setOpenEasing (Elastic.easeOut); stack.setOpenTime (1); stack.setCloseEasing (Elastic.easeOut); stack.setCloseTime (0,5); / * Adăugarea elementelor în containerul stack * / stack.addItem (nt); stack.addItem (at); stack.addItem (mt); / * Poziționați și adăugați stivele în stadiul * / addChild (stiva); stack.x = stackButton.x; stack.y = stackButton.y; / * Ascultă pentru clicurile pe butonul stack * / stackButton.addEventListener (MouseEvent.MOUSE_DOWN, stackClick);  funcția finală privată stackClick (e: Event): void if (stack.getStackOpen () == false) // dacă stack-ul este închis, deschideți-l stack.openStack ();  else // stack este deschis, atât de aproape stack.closeStack (); 

Pasul 5: Clasa de documente

Adăugați numele clasei la Clasă domeniu în Publica secțiunea din Proprietăți panou.


Concluzie

Ați creat un meniu util Stacks pentru aplicațiile sau site-ul dvs. Puteți adapta proiectul astfel încât să răspundă nevoilor dvs. sau să utilizați această tehnică pentru a vă construi stive personalizate.

Sper că ți-a plăcut acest sfat rapid, mulțumesc că ai citit!

Cod