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.
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.
Mit ActionScript 3 erfahren Sie, wie Sie die oberen, unteren und mittleren Tiefenebenen verwalten.
Starten Sie Flash und erstellen Sie ein neues Flash-Dokument. Stellen Sie die Bühnengröße auf 320x200px und die Bildrate auf 24fps ein.
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.
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
Fügen Sie der Klasse den Klassennamen hinzu Klasse Feld in der Veröffentlichen Abschnitt der Eigenschaften Panel, um die FLA der Hauptdokumentklasse zuzuordnen.
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!