Share
La funzione Stacks è stata parte di Mac OS da Leopard ed è un ottimo modo per gestire gli elementi di visualizzazione. In questo suggerimento rapido simuleremo questa funzione usando le classi di ActionScript 3.
Diamo un'occhiata al risultato finale su cui lavoreremo:
Faremo uso della fantastica classe creata da PixelFumes e della grafica personalizzata per creare un menu di stack in Flash. Puoi scaricare l'origine della classe dal sito dello sviluppatore.
Avvia Flash e crea un nuovo documento Flash, imposta le dimensioni dello stage su 508x243px e la frequenza fotogrammi su 24 fps.
Questa è l'interfaccia che useremo; lo sfondo è un'immagine presa dal mio desktop e i fantastici logo fanno parte della rete Tuts +.
Converti i loghi in MovieClip e segna il Esporta per ActionScript casella di controllo. Il quadrato grigio è un pulsante di fase chiamato stackButton.
Creare una nuova classe ActionScript (Cmd + N), salvare il file come Main.as e scrivi le seguenti righe; si prega di leggere i commenti nel codice per comprendere appieno il comportamento della classe.
pacchetto import flash.display.Sprite; import flash.events.Event; import flash.events.MouseEvent; import com.pixelfumes.stacks.Stack; // Ricordarsi di importare la classe personalizzata import fl.transitions.easing.Elastic; public final class Main extends Sprite private var stack: Stack = new Stack (); // Crea un nuovo contenitore Stack / * Le variabili successive sono i nomi dei MovieClip, è possibile aggiungere qualsiasi Movie Clip agli stack * / private var nt: NT = new NT (); // Nettuts + logo private var at: AT = new AT (); // Activetuts + logo private var mt: MT = new MT (); // Mobiletuts + logo public final function Main (): void / * Imposta le proprietà stack * / stack.setRadius (240); stack.setAngle (35); stack.setStartAngle (0); stack.setOpenEasing (Elastic.easeOut); stack.setOpenTime (1); stack.setCloseEasing (Elastic.easeOut); stack.setCloseTime (0,5); / * Aggiungi gli elementi al contenitore dello stack * / stack.addItem (nt); stack.addItem (a); stack.addItem (mt); / * Posiziona e aggiungi gli stack allo stage * / addChild (stack); stack.x = stackButton.x; stack.y = stackButton.y; / * Ascolta i clic sullo stackbutton * / stackButton.addEventListener (MouseEvent.MOUSE_DOWN, stackClick); private final function stackClick (e: Event): void if (stack.getStackOpen () == false) // se lo stack è chiuso, aprilo stack.openStack (); else // stack è aperto, quindi chiudilo stack.closeStack ();
Aggiungi il nome della classe al Classe campo nel Pubblicare sezione del Proprietà pannello.
Hai creato un utile menu di stack per le tue applicazioni o il tuo sito web. Puoi adattare il progetto alle tue esigenze o usare questa tecnica per costruire le tue pile personalizzate.
Spero che questo suggerimento ti sia piaciuto, grazie per la lettura!
Accentsconagua