Introducción básica a Actionscript 3, clases, tipos de datos
Por: Freddie + 16.10.2006
Éste será un primer mini-tutorial de las nuevas cosas que trae Actionscript 3. En ésta entrega veremos la nueva forma de crear clases en AS3, cómo manejar los tipos de datos y usarlos en una aplicación real. El ejemplo está hecho con la versión publica de Flash 9, que puede descargarse gratis de los laboratorios de Adobe; sin embargo, es posible usar este mismo código en Flex 2.
Para prepararlo todo, crearemos un nuevo documento en Flash 9 Alpha. Cambiaremos el tamaño del escenario a 100 x 30 e insertaremos un texto. El texto le pondremos de tipo Dynamic Text y en el nombre de instancia colocaremos numero. Todo debe quedar así:
En este campo pondremos un número aleatorio de 0 a 999. El código para generar el número aleatorio es igual al que usaríamos para Actionscript 2, pero la forma en la que lo pondremos es lo nuevo que vamos a ver.
Guardamos en alguna carpeta nuestro .FLA como aleatorio.fla. Luego, en la carpeta donde guardamos el .FLA crearemos otra carpeta llamada clases (En minúsculas). Dentro de Flash 9 vamos a File -> New -> ActionScript File. Esto nos creará un archivo .as que guardaremos con el nombre Aleatorio.as dentro de la carpeta "clases" que creamos hace un rato. Aquí empieza lo divertido.
La carpeta que creamos como "clases" es, en Actionscript, un paquete. Los paquetes son colecciones de clases que podemos organizar como carpetas y llamarlas de igual manera dentro de nuestros proyectos.
Novedad de ActionScript 3
* Los paquetes ya existían en Actionscript 2, pero en AS3 debes especificar a que paquete pertenece una clase antes de programarla. Por eso pondremos lo siguiente en Aleatorio.as:
Código :
package clases
{
}
Con esto ya podemos programar la clase cómo lo haríamos en AS2. Incluiremos en el código la definición de la clase y pondremos su constructor.
Novedad de ActionScript 3
* Debemos especificar que la clase es publica con public.
* El constructor debe tener el mismo nombre de la clase y es el único metodo/función que no tiene un tipo de datos de retorno.
Código :
package clases
{
public class Aleatorio
{
function Aleatorio()
{ }
}
}
Ahora añadiremos el valor aleatorio que queremos poner en nuestro campo de texto. Para esto crearemos la función getNumero, que nos devolverá un número de 0 a 999.
Novedad de ActionScript 3
* Es obligatorio especificar si la función será publica o privada.
* Es obligatorio especificar el tipo de datos que retorna la función. Si no retorna nada, debe especificarse que es void
* ActionScript 3 tiene el tipo de datos "int" para números enteros. Es recomendado usarlo en vez de "Number" cuando manejamos números enteros ya que, al ser un tipo especifico de datos, hará más veloz la aplicación.
Código :
package clases
{
public class Aleatorio
{
function Aleatorio()
{ }
public function getNumero() : int
{
return Math.round((Math.random()*1000));
}
}
}
Con nuestra clase lista, volvemos a nuestro archivo .FLA. Vamos al codigo del primer keyframe y ahí importaremos la clase que acabamos de crear. Luego instanciaremos un objeto de nuestra clase Aleatorio y por ultimo llamaremos al metodo "getNumero" para poner el numero aleatorio en nuestro campo de texto "numero":
Novedad de ActionScript 3
* Las variables deben declararse siempre
* Podremos el tipo de datos a las instancias de nuestras clases
* Si vamos a colocar un numero dentro de un campo de texto, debemos primero convertir ese numero a String.
Código :
import clases.Aleatorio;
var alea:Aleatorio = new Aleatorio();
numero.text = new String(alea.getNumero());
Luego damos CTRL+ENTER y al ver un numero en pantalla sabremos que hemos creado nuestra primera aplicación en ActionScript 3.
Hacer un botón que llevara a una URL en Flash era algo sencillo. Usabas la simple función "getURL" y el resto era fácil, rápido y cómodo. Como ir al dentista. Ahora las cosas han cambiado.
Para empezar con el tutorial, crea una nueva película en Flash 9, luego, crea un botón normal. Ya sabes, de esos tipo "Button" de la biblioteca que no son Movie Clips ni Graphics. Digamos que queremos dar un click sobre nuestro botón y hacer aparecer un mensaje en el output con un trace. Le ponemos de nombre de instancia "botoncito" y vamos al primer keyframe de nuestra película, al panel de Actionscript. En epocas de AS2.0 habríamos escrito algo cómo:
Código :
botoncito.onRelease = function () {
trace("Aprender AS3 no es frustrante y me llena de felicidad");
}
Si haces eso en Actionscript 3.0, obtendrás un error nada descriptivo, no te servirá nada, te despedirán del trabajo y tu perro estará embarazado. Sí, dije "tu perro". Ahora en Flash 9 o Flex 2, los eventos usan un sistema muy similar al de los componentes en Flash 8. Primero tienes que crear una función que reciba el evento
Novedad de ActionScript 3
* La función que recibe el evento tiene un parámetro, al que le puedes poner cualquier nombre, de tipo "Event". Muy similar a Java, ese parámetro te dirá que tipo de evento fue invocado y que objeto lo invocó.
Luego, debajo de esa función, debemos añadir un código que haga que la función actúe como listener y sea ejecutada tras un click del Mouse.
Novedad de ActionScript 3
* En Flash 8, al añadir un listener, le decías simplemente si querías un "click" o que tipo de evento preferías. En ActionScript 3 hay una clase llamada "MouseEvent" con un monton de constantes que manejan eso.
Y si estas pensando ¿Pero por qué carajo tenían que complicarlo tanto? Bueno, es el precio del progreso. Ejecutar los eventos de este modo arregla muchos problemas a nivel del alcance de las variables dentro de los eventos y de cómo manejarlos si programamos con OOP. Ahora claro, si eres diseñador o un programador que sólo se dedica a hacer cosas menores que requieren un gotoAndPlay en las situaciones más avanzadas. Pues sí, estamos jodidos.
Ahora que hemos logrado hacer que un botón obedezca nuestra voluntad y la testosterona invade nuestras venas por ello (O err… ¿El estrógeno?), es hora de hacer algo verdaderamente útil. Un link.
Usaremos ese botón para que al clickearlo, cambie la vida de las personas que lo toquen llevándolos a la web más asombrosa no pornográfica de la web. En ActionScript 2, podríamos haberlo logrado con un simple getURL("http://www.cristalab.com/"); pero en Actionscript 3 esa función NO EXISTE (Gritos de terror de millones de flashers mientras leen esto).
Ahora, navigateToURL es la función que debemos usar y se comporta exactamente igual que getURL... Sí, igual. ¿Entonces por qué Adobe la reemplazó? Porqué ahora NO podemos pasarle una URL directamente, sino un objeto de tipo URLRequest.
¿Lo qué? Bueno, lo entenderán más fácil con un ejemplo. Así es nuestro código si queremos ir a una URL específica:
Y ya lo tenemos funcionando. ¿Entonces por qué fastidiarse con el URLRequest? Básicamente, porque es una nueva clase que nos permite, en entornos más avanzados, enviar de una forma mucho más lógica información a una URL, como formularios con datos por POST y GET. También permite otras cosas lindas como modificar el "contentType" de la información enviada o los headers HTTP. Cosas de ingenieros y gente sin amor con tiempo libre.
![Avatar de [--DIOS--]](http://www.animeforos.com.ar/customavatars/avatar643_21.gif){kind=avatar}
Mode Lineal
Blogs
Fotos
Grupos