Comunidad de diseño web y desarrollo en internet

Tutorial del componente Window de Flash

A través de este componente podemos hacer ventanas que muestren archivos SWF, JPG, o incluso mostrar MovieClips. La forma de crear y destruir las ventanas se hace de forma diferente a como estamos acostumbrados, ya que Window, utiliza Clases de ActionScript independientes.

Veamos el inicio de nuestro código, en el cual encontraremos la importación de clases, y la creación de la ventana:

//Importamos las clases
import mx.managers.PopUpManager;
import mx.containers.Window;
//Creamos la ventana
var ventana = PopUpManager.createPopUp(_root, Window, true, {contentPath:"imagen.jpg"}, true);

Nada más empezar importamos las clases mediante import.

Para crear la ventana hemos creado una variable "ventana" que hemos igualado con PopUpManager.createPopUp, que es el método para crear las ventanas. A este método le pasamos los siguientes valores:

  • Primer valor: Lugar donde se creará la ventana, en el ejemplo es _root, pero puede ser un movieclip cualquiera.
  • Segundo valor: Objeto que queremos crear, en este caso un componente Window.
  • Tercer valor: Un valor "true" o "false" para saber si la ventana es modal. Si la ventana es modal, no podremos interactuar con nada más, hasta que no se cierre la ventana.
  • Cuarto valor: Contenido de la ventana, puede ser un SWF, un JPG o un MovieClip que haya en nuestra biblioteca, y que esté exportado para ActionScript.
  • Quinto valor: Un valor "true" o "false" para activar/desactivar el evento que se ejecuta cuando el usuario clica fuera de la ventana (mouseDownOutside).

Window maneja tres eventos, veamos que hacen:

//Listener para cuando nuestra ventana se haya creado
alCrear = Object();
alCrear.complete = function(evento) {
ventana.setSize(280, 180);
ventana.closeButton = true;
ventana.title = "Elecash.org & Cristalab.com presents...";
};
//Listener para cuando pulsamos el botón cerrar
alCerrar = Object();
alCerrar.click = function(evento) {
evento.target.deletePopUp();
};
//Listener para cuando clicamos fuera de la ventana
alClicarFuera = Object();
alClicarFuera.mouseDownOutside = function() {
trace("Cierra la ventana antes");
};
//Eventos
ventana.addEventListener("click", alCerrar);
ventana.addEventListener("complete", alCrear);
ventana.addEventListener("mouseDownOutside", alClicarFuera);

El primer evento se ejecuta cuando se crea la ventana, en ese mismo instante, usamos dos de sus propiedades. Con closeButton en "true" hacemos que sea visible el botón de cerra de la ventana, y con title, ponemos el título a nuestra ventana.

El segundo evento se ejecuta cuando clicamos en el botón de cerrar la ventana, y SÓLO, cuando clicamos en él. Al clicar en el botón cerrar, lo que hacemos es mediante el método deletePopUp, borra la ventana.

El tercer evento para poder utilizarse tenemos que haber puesto en la creación de la ventana el quinto parámetro en "true", si no, no funcionará. Lo que hace es que cuando clicamos fuera de la ventana, nos muestra un texto pidiendonos que cerremos la ventana.

El único inconveniente de este componente, sea que tenemos que utilizar clases externas para poder usarlo, pero realmente es lo mismo, ya que una vez añadidas las clases, el funcionamiento es igual.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Descargar Archivo

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate