UIComponent Window

7 \07\UTC febrero \07\UTC\Wednesday 2007

He estado creando un componente Ventana para flash, no es el primer componente que hago pero si el primero que pienso terminar. Porfin aprendi a hacer vistas previas dinamicas, algo q habia estado buscando hace tiempo en internet y no encontraba una ayuda, al final la ayuda estaba en la documentacion de flash. La documentacion de esto es escasa y no hay ejemplos, al menos eso pensaba yo, pero encontre un ejemplo q vino con el instaldor de flash ( Archivos de Programa/Macromedia/Flash 8/es/Samples and Tutorials/Samples/Components/Dial Components ). Las vistas previas se hacen con las etiquetas [Bindable] y [ChangeEvent(“change”)] y [Inspectable], etiquetas que no llevaban el formato tipico de un codigo AS, por eso me costo entender como funcionaban, salir del paradigma no es facil.

Cuento sobre el componente:

Apariencia
Copie el estilo y colores de las ventanas del office 2007, las ventanas del office tienes 3 estilos: azul, plateado y negro. Yo copie el ultimo.

Caracteristicas
Quise agregarle cosas que no tenia el componente Window que viene con flash, cosas que alguna vez quise hacer pero que el componente de flash no me permitia.

  • Permite habilitar o desabilitar el contenido (solo es una capa sobre el contenido que bloquea la interaccion con el puntero).
  • Movimiento facil: si easyMove es true la ventana puede ser movida desde cualquier parte del contenido de la ventana que no sea un boton.
  • Mostrar/Ocultar bordes: Puedes elegir si mostrar los bordes y botones de ventana + titulo o ocultarlos y solo mostrar el contenido con fondo transparente (como lo hace Winamp). Esto permite al contenido poder usar sus propios bordes.
  • Doble titulo de ventana. Asi como lo hacen las aplicaciones del office 2007, esta ventana puede contener dos titulos, en uno muestra el nombre de la aplicacion y en otro lo que quieras, puede ser lo que esta haciendo la aplicacion o el nombre del paso en donde se encuentra. Los titulos pueden ser cortados por el limitado tamaño que tenga la ventana, si esto sucede se agregaran puntos suspensivos en el titulo cortado. Se da prioridad al 1er titulo (primero se cortara el texto del subtitulo, si el espacio se hace aun mas pequeño se continua el recorte con el titulo).
  • Como siemprem el paramtro visible tb aparece aqui.
  • Bloquear movimiento: se puede elegir perminir el arrastre de la ventana o no.
  • Los botones de la ventana pueden ser bloqueados u ocultados. Tiene 3 botones: Minimizar, Maximizar y Cerrar. La ventana solo lanza eventos al presionar estos botones, si deseas que se cierre al presionar Cerrar debes hacerlo tu mismo. (por ejemplo: podrias hacer que le pregunte al usuario si en verdad desea cerrar la ventana o no).
  • Las funciones setWidth, setHeight y setSize reciben (a diferencia del componente Window de Flash) los tamaños del contenido y no de la ventana. Esto quiere decir que si ejecutas setWidth(200) ajustara los bordes para q rodeen al contenido dejando un espacio de 200px. El contenido medira 200px pero el tamaño de la ventana sera mayor contando el ancho y alto de los bordes.
  • Tiene dos capas invisibles sobre el contenido, una para detectar cuando se hace un clic sobre el contenido mientras la ventana esta deshabilitada y otra para establecer los limites del contenido y que no se dibujen cosas fuera de los bordes de la ventana.
  • Se puede cambiar el color de fondo (solo colores solidos) usando setBackground(color:Number) donde color puede ser 0x000000=negro, 0xFFFFFF=blanco, etc…
    El fondo solo es visto cuando useBorders es true.

Cuando reparen mi lap (lee el post anterior) colgare el swc en este blog. Por ahora rezare para que lo tenga hoy.

2 Responses to “UIComponent Window”

  1. Ever Says:

    Hey compadre quiero aber si ya acabste tu componente ^^

  2. Daniel Says:

    Pues si lo terminé. Esta hecho en AS2 así que no te servirá por mucho.
    Si me das un correo te envío el swc.


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: