MAWAPE Sistemas

Tips Rápidos 9 y 10

Feb 07

mawapeActionscript, Flash, Tutoriales Actionscript, AS3, colores, ColorPiker, componentes, fecha, Flash, Tutoriales No Comments

Continuamos con la serie de tips rápdios y estos vienen después de los del otro día.

TIP 9 – Convertir Formato de Fecha

Muchas veces cuando trabajamos con base de datos, como MySQL, si queremos recuperar la fecha directamente desde la tabla estará en formato inglés, es decir: AÑO-MES-DIA. Para mucho no les sirve de esta forma, por lo que hoy vamos a ver como cambiarla a la tradicional:

/**
* @author MAWAPE Sistemas
* @url http://www.mawape.com.ar/blog
*/</pre>
//Recuperamos la fecha, con su formato original
var FECHA:String="2010-02-06"

/*Llamamos la función que realiza la conversión, pasándole como parámetro
la fecha recuperada*/
cambiarFecha(FECHA);

/*Creamos la función que va a realizar el cambio*/
function cambiarFecha(theDate:String):void
{
 var arrDate:Array = theDate.split("-"); //Defino el arreglo
 trace("La fecha cambiada es: "+arrDate[2] + "/" + arrDate[1] + "/" + arrDate[0]);
}

Si nos fijamos, llamamos a la función split y le decimos que parámetro o símbolo usaremos para separar el string y convertir cada parte en un arreglo. En nuestro caso será el separador “-“.

Nota: En el archivo se agregó un botón y un campo de texto, solo para poder visualizarlo.

TIP 10 – Pasar de un Color Hexadecimal a RGB

Este tutorial lo vi en yporqueno y me pareció muy interesante. Solo que para no copiar y pegar lo voy a utilizar mediante un componente, que sirve para modificar las propiedades de los colores, llamado ColorPicker. Primero, luego de crear el documento debemos arrastrar desde el panel de componentes el llamdo ColorPicker. A este componente, le pondremos de nombre de instancia “colores“. Además crearemos 2 campos de textos dinámicos, a uno lo llamaremos “color_HEX” y al otro “color_RGB” Una vez que tengamos todo eso en el escenario, escribimos el siguiente código:

/**
* @author MAWAPE Sistemas
* @url http://www.mawape.com.ar/blog
*/
//Agregamos la libreria para manejar el componente
import fl.events.ColorPickerEvent;

//Creamos los listeners, para utilizar con el componente ColorPicker
colores.addEventListener(ColorPickerEvent.ITEM_ROLL_OVER, overHandler);
//El primero, será el que cambie los valores al pasar sobre los colores.
colores.addEventListener(ColorPickerEvent.CHANGE, changeHandler);
//La segunda, será la que active los campos de textos, al seleccionar un color

function overHandler(event:ColorPickerEvent):void
{
    var numero:uint = event.target.selectedColor;

}

function changeHandler(event:ColorPickerEvent):void
{
    var numero:uint = event.target.selectedColor; //Color Hexadecimal
    var color:String = event.target.hexValue.toString(); //Color RGB
    color_RGB.text ="Color RGB: "+ "#" + color.toUpperCase();
	color_HEX.text="Color Hexadecimal: " + event.target.selectedColor
}

Espero les sirva alguno. Si quieren pueden descargarse los archivos fuentes.

Download