Schnelltipp Tiefenverwaltung mit der Anzeigeliste in AS3

Das Verschieben von Elementen an den oberen und unteren Rand der Anzeigeliste kann beim Entwickeln von Spielen und Anwendungen sehr nützlich sein. Erfahren Sie, wie Sie mit diesem QuickTip einfach die Tiefe verwalten können.


Endergebnisvorschau

Werfen wir einen Blick auf das Endergebnis, auf das wir hinarbeiten:

Klicken Sie auf ein Symbol, um es auszuwählen und an den Anfang der Anzeigeliste zu bringen. Verwenden Sie dann die beiden Schaltflächen, um es in der Hierarchie nach unten zu verschieben.


Schritt 1: Kurzübersicht

Mit ActionScript 3 erfahren Sie, wie Sie die oberen, unteren und mittleren Tiefenebenen verwalten.


Schritt 2: Richten Sie Ihre Flash-Datei ein

Starten Sie Flash und erstellen Sie ein neues Flash-Dokument. Stellen Sie die Bühnengröße auf 320x200px und die Bildrate auf 24fps ein.


Schritt 3: Schnittstelle

Dies ist die Oberfläche, die wir verwenden werden, eine Reihe von Schaltflächen in der Bühne, die die Tiefenänderung aktivieren.

Wandeln Sie die Zeichen in Button um und benennen Sie die Tuts + Logos wie folgt: nt, at, pt. Für die anderen Schaltflächen gelten die Instanznamen bottomB und ein B.


Schritt 4: ActionScript

Erstellen Sie eine neue ActionScript-Klasse (Cmd + N) und speichern Sie die Datei als Main.as und schreiben Sie die folgenden Zeilen. Lesen Sie die Kommentare im Code, um das Klassenverhalten vollständig zu verstehen.

 package import flash.display.Sprite; import flash.events.MouseEvent; import flash.filters.GlowFilter; öffentliche Abschlussklasse Main erweitert Sprite private var lastItem: Sprite; // speichert das zuletzt angeklickte private var-Glühen: GlowFilter = new GlowFilter (0xFF9900); // ein Glühfilter, um das letzte Element hervorzuheben. public final function Main (): void lastItem = nt; // das oberste Element beim Start addListeners ();  private letzte Funktion addListeners (): void at.addEventListener (MouseEvent.MOUSE_DOWN, up); pt.addEventListener (MouseEvent.MOUSE_DOWN, up); nt.addEventListener (MouseEvent.MOUSE_DOWN, up); oneB.addEventListener (MouseEvent.MOUSE_UP, downOne); bottomB.addEventListener (MouseEvent.MOUSE_UP, bottom);  private letzte Funktion nach oben (e: MouseEvent): void lastItem.filters = []; // Entferne den letzten Filter, wenn lastItem = e.target as Sprite ist; // stopre zuletzt geklicktes Element lastItem.filters = [Glühen]; // setze den Filter setChildIndex (lastItem, numChildren - 1); // hol die nächsthöhere Tiefe private letzte Funktion downOne (e: MouseEvent): void if (getChildIndex (lastItem)! = 0) // verhindert das Überschreiten von Grenzen setChildIndex (lastItem, getChildIndex (lastItem) - 1); // eine Ebene tiefer private letzte Funktion bottom (e: MouseEvent): void setChildIndex (lastItem, 0); // bottom

Schritt 5: Dokumentenklasse

Fügen Sie der Klasse den Klassennamen hinzu Klasse Feld in der Veröffentlichen Abschnitt der Eigenschaften Panel, um die FLA der Hauptdokumentklasse zuzuordnen.


Fazit

Verwenden Sie das, was Sie in diesem QuickTip gelernt haben, in Ihren Spielen und Anwendungen!

Ich hoffe, Ihnen hat dieser Quick Tip gefallen, vielen Dank für das Lesen!