unijimpe

En esta oportunidad les presente mi primer ejemplo en ActionSript 3 al cual por motivos de tiempo no había hecho pruebas. Bueno como en un post anterior hablamos un Lector RSS en Flash con AS2, esta vez lo modificaremos y reescribiremos en AS3 con lo cual veremos que nuevas nos trae este nueva versión de ActionScript.

Como en el ejemplo anterior, utilizaremos la misma interfaz gráfica, es decir los campos de texto (txttitle, txtdescription y txtcontent), ojo que en este proyecto estamos utilizando Flash Professional 9 ActionScript 3.0 Preview para compilar nuestro movie.

El primer paso es hacer la carga del RSS que vamos a leer, antes utilizábamos la función load de la clase XML pero en esta ocasión utilizaremos URLRequest que sirve para cargar un archivo externo y URLLoader que sirve para verificar la carga del archivo, estas dos clases son parte del package flash.net.

[as]
var rssURL:String = «http://blog.unijimpe.net/feed/»;
var rssXML:URLRequest = new URLRequest(rssURL);
var myLoader:URLLoader = new URLLoader(rssXML);
myLoader.addEventListener(«complete», xmlLoaded);
[/as]

En donde hemos agregado un listener para detectar que se ha cargado completamente el archivo, este listener ejecutará la función xmlLoaded la cual crearemos a continuación en donde parsearemos los datos del XML recién cargado.

Lo primero que haremos sera crear una variable del tipo XML, este tipo de variables a diferencia de AS2 ahora soporta XPath para navegar en la estructura del XML con lo cual solo colocamos el nombre del nodo al que deseamos acceder y obtendremos el dato requerido. Además el tipo de variable XML tiene una propiedad llamada child con la cual podemos acceder a un determinado nodo, según la estructura del RSS dentro del primer nodo se encuentra toda la data, veamos nuestro código.

[as]
function xmlLoaded(evtObj:Event) {
var rss:XML = new XML(myLoader.data);

var vtit:String = rss.child(0).title;
var vurl:String = rss.child(0).link;
var vdes:String = rss.child(0).description;
var vcon:String = «»;

for each (var nodo:XML in rss..item) {
vcon += ««+nodo.title;
vcon += «
«+nodo.description+»

«;
}
txttitle.htmlText = ««+vtit+»«;
txtdescription.text = vdes;
txtcontent.htmlText = vcon;
}
[/as]

Como se puede observar ahora se tiene una nueva forma de iterar for each como en otros lenguajes de programación el cual permite recorrer todos los elementos de un objeto, en este caso recorremos todos los nodos del XML que tengan el nombre item. Todos los datos los guardamos en cuatro variables las cuales al final lo asignamos a los textfield de nuestro flash.

Finalmente uniendo todas las piezas obtendremos.

[as]
var rssURL:String = «http://blog.unijimpe.net/feed/»;
var rssXML:URLRequest = new URLRequest(rssURL);
var myLoader:URLLoader = new URLLoader(rssXML);
myLoader.addEventListener(«complete», xmlLoaded);

function xmlLoaded(evtObj:Event) {
var rss:XML = new XML(myLoader.data);

var vtit:String = rss.child(0).title;
var vurl:String = rss.child(0).link;
var vdes:String = rss.child(0).description;
var vcon:String = «»;

for each (var nodo:XML in rss..item) {
vcon += ««+nodo.title;
vcon += «
«+nodo.description+»

«;
}
txttitle.htmlText = ««+vtit+»«;
txtdescription.text = vdes;
txtcontent.htmlText = vcon;
}
[/as]

A continuación les dejo el ejemplo compilado y funcionando, en donde hemos prescindido del scroll pues por ahora los componentes no estan disponibles para AS3. Pueden hacer scroll con la propiedad MouseWheel es decir con la ruedita del mouse.

[swf]/wp-content/uploads/2006/12/rss-as3.swf, 450, 400[/swf]

Y como para no perder la constumbre les dejo los archivo fuente de este ejemplo, espero les sirva y desde ahora estaremos encaminados a aprender AS3.

Posts Relacionados

• Crear un RSS en PHP
• Feedburner: Analiza tus Feeds
• Lector de RSS en Flash
• Netvibes: Escritorio Online
• SimplePie: Parser RSS o Atom