Q u e G u í a s . c o m

seo - buscadores - manuales - herramientas - webs

Secciones

Recientes

Una classe para creacion de ventanas en Flahs ActionScript 3.0

Actionscript class para crear ventanas en su aplicacion flash

Creacion de ventanas faci y rapida con esta clase en ActionScript 3.0

 

Hace poco necesitaba para un desarrollo en Flash una classe para crear ventanas y como en ActionScript 3.0 ya no existe la clase Windows y buscando con Google tampoco he encontrado algo que me vale pues me he puesto a programarla.

La idea principal es crear ventanas con un diseño personalizable y fácil de configurar - tamaño, minimizables, pantalla completa etc.

 

Aquí es el ejemplo como funciona la clase:

 

Creación de 2 ventanas:

 

Por falta de tiempo para explicar como funciona toda la clase os dejare solo una mini guía como utilizarla y mas allá si hay interés, pues me pondré a explicar el código de la clase.

 

La aplicación de ejemplo con su fichero en formato fla y las classes en ActionScript la podéis descargar desde aquí: windowsAs3Class.zip

 

El contenido del zip son:

  1.  
    1. window class.fla - fichero flash de ejemplo
    2. windowdemo.as - el código AS30 de ejemplo como utilizar la classe window
    3. window.as - es el ActionScript 3.0 de la classe window

 

Del  fichero windowdemo.as el codigo importante es este:

 

import com.rosenangelov.windowdemo.window; // importar la classe window para su posterior utilizacion

 

 

var first:window = new window(); // Declarar la nueva ventana

first.name = "first"; // declarar nombre de esta ventana

first.param.captionText = ">First Window"; // el titulo de la ventana

first.drawWindowObject("firstWindow",desktop,drawContent); // visualizar la ventana especificando una funcion externa cual va a pintar el contenido de la ventana - drawContent

 

La función drawContent la podéis ver en windowdemo.as - lo que hace es crear un campo de texto multiLinea y pinta en el texto de ejemplo. En este ejemplo pinta solo texto, pero se puede utilizar para pintar cualquier contenido si son imágenes videos, textos, animaciones etc.

 

La personalización de la clase se puede hacer a través de las variables param como en el ejemplo arriba a través de para se especifica el titulo de la ventana en la misma manera se puede especificar estos parámetros:

 

 

param.fillType = GradientType.LINEAR; // Tipo de color del fondo
param.colors = [0xFFFFFF, 0x999999]; // Los colores del fondo
param.alphas = [1, 1]; 	// transparencia si se necesita valores [0-1]
param.ratios = [0, 255];
param.gradWidth = 360; 	// anchura del gradiente
param.gradHeight = 240; 	// altura del gradiente
param.gradRotation = 90 / 180 * Math.PI; // rotacion del gradiente en radianes
param.gradOffsetX = 0; 
param.gradOffsetY = 0;
param.wX = 100; 		// posicion inicial X para pintar la ventana
param.wY = 100; 		// posicion inicial Y para pintar la ventana
param.wWidth = 250; 	// anchura de la ventana
param.wHeight = 150; 	// altura de la ventana
param.wRound = 5;
param.captionText = "Window Caption"; // titulo de la ventana
param.captionHeight = 20; 	// altura del titulo 
param.captionColors = [0xFF0000, 0x00FF00]; // colores del titulo
param.outlineWidth = 2; 	// grosor a la línea alrededor de la ventana
param.outlineColor = 0x990000; // color de la línea alrededor de la ventna
param.outlineAlpha = 1; 	// transparencia de la linea
param.movable = true;	 // si es true el usuario puede mover la ventata
param.title = true; 		// si es true - aparece el titulo, si es false no apareceparam.minimizable = true; 	// con true el usuario puede minimizar la ventanaparam.closeable = true;        	 // si es true el usuario puede cerrara la ventanaparam.resizable = true; 	// si es true el usuario puede cambiar el tamaño de la ventana

 

Esto so los parámetros mas importantes, espero que la podéis empezar a utilizar fácil y rápido, no tengo mas tiempo para explicar todo.

Espero los vuestros comentarios, preguntas e ideas sobre nuevas funcionalidades para completar la clase. Si alguien utiliza esta clase en una aplicación me gustaría si me puede enviar una URL de ejemplo o si alguien la modifica y mejora si me envía el código fuente ya modificado.

 

Descargar applicacion de ejemplo classe Window: windowsAs3Class.zip

 

Última modificacion: 21/09/08 07:37:27 . Comentarios (3)

Escriba su comentario

  • Los campos obligatorios están marcados con *.

Si no puedes leer este codigo, pincha sobre el mismo codigo para generar otro.
Security Code:
 
fco javier hernandez llamas
Posts: 3
Comentario
necesito dibujar unaimagen que enlace a URL
Respuesta #3 en : Thu February 18, 2010, 16:22:11
he hecho funcionar tu codigo en mi sitio flash, muy bueno por cierto , pero...no soy muy bueno con esto de as3, y lo ke necesito hacer es que la funcion drawContent me cargue una imagen que haga link a url... Gracias de antemano
lowlandx
Posts: 3
Comentario
Re: Actionscript class para crear ventanas en su aplicacion flash
Respuesta #2 en : Tue December 22, 2009, 07:17:00
muy buen ejemplo... gracias, espero que escribas mas..
nacho
Posts: 3
Comentario
ayuda por favor
Respuesta #1 en : Mon January 26, 2009, 12:12:46
Hola y antes de nada muchisimas gracias por tu post.Estoy interesadísimo en el uso de las ventanas.estoy haciendo un proyecto de fin de carrera en Flash y la verdad que estoy MUY MUY pez en flash/actionScript 3, por eso te pido ayuda, por favor. Te cuento mi problema. Estoy intentando hacer ventanas para mi aplicación pero la verdad es que no me funciona y ya al perder días mirando tu código y entenderlo pero no ser capaz de hacerlo funcionar con mi aplicación, he hecho lo siguiente.
Directamente he copiado todo lo que tu has hecho y lo he pegado en unos archivos nuevos para ver si funcionaba...podrás imaginarte que no ha sido así.
La unica manera de hacer que el archivo .fla accediera a los .as ha sido ponerle un

import com.rosenangelov.windowdemo.windowdemo;
skin.visible=false;
var demo:windowdemo = new windowdemo();

(además he copiado tu biblioteca y la he puesto en la de los nuevos archivos como es lógico)

Una vez hecho esto, ya sí que accedia a ellos pero no mostraba nada en el swf. He estado poniendo la sentencia trace por varios sitios para ver si recorría correctamente los archivos .as, y así era pero no mostraba nada. He pensado que quizás había que hacer algo para configurar el .fla y que sin más que poner el "skin.visible= false;" ya tomara los archivos .as o algo similar pero por más que he estado mirando, no se cómo hacerlo.
Estoy confundido porque de los lenguajes de programación que conozco, los programas comienzan por un método "main" pero aqui no...Lo siento pero nunca he trabajado con flash y ahora que me he metido con el, me vengo abajo porque no lo pillo y estoy más que interesado en tu trabajo y tu ayuda.
Muchisimas gracias de antemano, si en algo te puedo ayudar un dia solo dimelo. Por si prefieres mandarme un correo o similar, mi email es delacruznacho@gmail.com