MAWAPE Sistemas

Tips Rápidos: 7 y 8

Ene 26

mawapeActionscript, Flash, Tutoriales Actionscript, AS3, cuadrado, Flash, matamatica, memoria, tang, tangente, tips, Tutoriales 1 Comment

Continuamos con esto que hemos denominado tips rápidos, en donde mostramos algunas pequeños códigos que permiten trabajar con algunos elementos de manera rápida. Hemos realizados los dos primeros como prueba, pero como funcionó muy bien, hicimos 4 más, sin embargo, eso no es suficiente, y luego de un tiempito, hoy le agregamos 2 más, para que les sirva a ustedes.

TIP 7 – UTILIZAR UN TIMER:

Un elemento que se usa mucho, es la posibilidad de controlar el tiempo. Si bien, no solo el tiempo en segundo podemos usar, sino también días y semanas hoy haremos algo simple con la clase Timer.

Lo primero es necesario crear una instancia de la clase Timer, y luego agregarle al objeto 2 parámetros:

El primer, será el tiempo con que queremos se repita la acción (está en milisengundos, por es 1000 ms=1 segundo).
El segundo, es la cantidad de veces que se va a repetir la acción.

/**
* @author MAWAPE Sistemas
* @url http://www.mawape.com.ar/blog
*/

flash.utils.Timer

/*Definimos la variable del tipo TIMEr y le decimos que cada un segundo
realice algo y lo repita 5 veces.*/
var reloj:Timer = new Timer(1000, 5);

// Designa detectores de los eventos de intervalo
reloj.addEventListener(TimerEvent.TIMER, contador_segundos);

// Iniciamo el tiempo del reloj
reloj.start();

function contador_segundos(event:TimerEvent):void
{
// Muestra el recuento de segundos hasta el momento
// El destino de este evento es la propia instancia de Timer.

trace("Trasncurrieron: " + event.target.currentCount + " segundos.");
}

Pero si lo dejamos ahí, el tip parecería no completo, asi que usaremos otros de los eventos de la clase TIMER, el evento TIMER_COMPLETE, que se ejecuta cuando transcurrió el tiempo y las cantidad de repeticiones que definimos en la variable:

/**
* @author MAWAPE Sistemas
* @url http://www.mawape.com.ar/blog
*/

//Definimos la función a ejecutar al completarse los tiempos determinados
reloj.addEventListener(TimerEvent.TIMER_COMPLETE, tiempo_completo);

function tiempo_completo (event:TimerEvent):void
{
 tiempo.text="Tiempo Completo";
}

Por lo que el tip completo quedaría:

/**
* @author MAWAPE Sistemas
* @url http://www.mawape.com.ar/blog
*/

flash.utils.Timer

/*Definimos la variable del tipo TIMER y le decimos que cada un segundo
realice algo y lo repita 5 veces.*/
var reloj:Timer = new Timer(1000, 5);

// Designa detectores de los eventos de intervalo
reloj.addEventListener(TimerEvent.TIMER, contador_segundos);

//Definimos la función a ejecutar al completarse los tiempos determinados
reloj.addEventListener(TimerEvent.TIMER_COMPLETE, tiempo_completo);

// Iniciamo el tiempo del reloj
reloj.start();

function contador_segundos(event:TimerEvent):void
{
// Muestra el recuento de segundos hasta el momento
// El destino de este evento es la propia instancia de Timer.

trace("Trasncurrieron: " + event.target.currentCount + " segundos.");
}

function tiempo_completo (event:TimerEvent):void
{
 trace("Tiempo Completo");
}

TIP 8 – LLENAR DATAGRID:

Lo primero es arrastrar el componente DataGrid al escenario y darle el nombre de instancia datag.

Luego debemos definir un arreglo que contenga todos los datos que deseamos mostrar, en nuestro caso lo llamamos elementos y le definimo 4 entidades: “Nombre”, “Categoria”, “Nivel”, “Hogar”.

Finalmente,  funcionDataGrid define las propiedades visuales que tiene el datagrid que creamos.

import fl.data.DataProvider;
//Damos inicio a la función y le pasamos como parametros el dataGrid creado.
funcionDataGrid(datag);

//Creamos el arreglo y lo llenamos de datos
var elementos:Array = new Array();
elementos = [
{Nombre:"Wilma Carter", Categoria:"R", Nivel:"So", Hogar: "Redlands, CA"},
{Nombre:"Sue Pennypacker", Categoria:"L", Nivel:"Fr", Hogar: "Athens, GA"},
{Nombre:"Jill Smithfield", Categoria:"R", Nivel:"Sr", Hogar: "Spokane, WA"},
{Nombre:"Shirley Goth", Categoria:"R", Nivel:"Sr", Hogar: "Carson, NV"}
];
/*Definimos un dataProvider, el cual le pasamos como datos el arreglo
creado anteriormente*/
datag.dataProvider = new DataProvider(elementos);
//Preguntamos la cantidad de columnas que hay, para determinar el tamaño despues
datag.rowCount = datag.length;

function funcionDataGrid(dg:DataGrid){
dg.setSize(400, 300); //Determinamos las dimensiones
dg.columns = ["Nombre", "Categoria", "Nivel", "Hogar"]; //damos nombres a las cabeceras

/*Definimos el ancho de cada una de las columnas, como es un arreglo, el
indicie comienza desde 0*/
dg.columns[0].width = 120;
dg.columns[1].width = 50;
dg.columns[2].width = 50;
dg.columns[3].width = 120;

//Definimos donde queremos que se posicione el DataGrid
dg.move(50,50);
};

Como pueden probar, al hacer clic en las cabeceras, estas acomodan las filas alfabeticamente.

Download

Pueden ver los siguientes 2 tips.