Consejo rápido Gestión de profundidad con la lista de visualización en AS3

Mover elementos a la parte superior e inferior de la lista de visualización puede ser muy útil al desarrollar juegos y aplicaciones. Aprende a manejar fácilmente la profundidad usando este QuickTip.


Vista previa del resultado final

Echemos un vistazo al resultado final en el que trabajaremos:

Haga clic en un icono para seleccionarlo y llevarlo al principio de la lista de visualización, luego use los dos botones para moverlo hacia abajo en la jerarquía.


Paso 1: Breve descripción

Usando ActionScript 3, aprenderemos cómo administrar los niveles de profundidad superior, inferior e intermedio.


Paso 2: Configura tu archivo flash

Inicie Flash y cree un nuevo documento de Flash, establezca el tamaño del escenario en 320x200px y la velocidad de fotogramas en 24 fps.


Paso 3: Interfaz

Esta es la interfaz que usaremos, una serie de botones en el escenario que activarán el cambio de profundidad..

Convierta los caracteres en el botón y nombre los logotipos de Tuts + de esta manera: nt, at, pt. Para los otros botones los nombres de instancia son inferiorB y una B.


Paso 4: ActionScript

Cree una nueva clase de ActionScript (Cmd + N), guarde el archivo como Main.as y escriba las siguientes líneas, lea los comentarios en el código para comprender completamente el comportamiento de la clase..

 paquete import flash.display.Sprite; import flash.events.MouseEvent; importar flash.filters.GlowFilter; clase final pública Principal extiende Sprite private var lastItem: Sprite; // almacena el último brillo de var privado del sprite con el que se hizo clic: GlowFilter = new GlowFilter (0xFF9900); // un filtro de brillo para resaltar la última función pública pública del último elemento Main (): void lastItem = nt; // el elemento superior al inicio addListeners ();  función final privada addListeners (): void at.addEventListener (MouseEvent.MOUSE_DOWN, arriba); pt.addEventListener (MouseEvent.MOUSE_DOWN, arriba); nt.addEventListener (MouseEvent.MOUSE_DOWN, arriba); oneB.addEventListener (MouseEvent.MOUSE_UP, downOne); bottomB.addEventListener (MouseEvent.MOUSE_UP, bottom);  función final privada arriba (e: MouseEvent): void lastItem.filters = []; // eliminar el último filtro si alguno lastItem = e.target as Sprite; // Stopre último elemento seleccionado lastItem.filters = [brillo]; // aplique el filtro setChildIndex (lastItem, numChildren - 1); // obtenga la siguiente profundidad más alta función final privada downOne (e: MouseEvent): void if (getChildIndex (lastItem)! = 0) // evita los límites setChildIndex (lastItem, getChildIndex (lastItem) - 1); // down one level final de la función final privada (e: MouseEvent): void setChildIndex (lastItem, 0); // bottom

Paso 5: Clase de documento

Agregue el nombre de la clase a la Clase campo en el Publicar sección de la Propiedades Panel para asociar la FLA con la clase de documento principal..


Conclusión

Usa lo que aprendiste en este QuickTip en tus juegos y aplicaciones!

Espero que les haya gustado este Consejo rápido, gracias por leer.!