Actionscript 3.0: Ejemplo básico para cargar imágenes
Etiquetas: Loader URLRequest contentLoaderInfo addEventListener
Uno de los primeros post que escribí, fue "Carga de imágenes y SWF en AS3 con Loader" . Básicamente era una explicación de los diferentes eventos disponibles para trabajar con Loader, y de como añadirlos al objeto. Esta es una explicación más "sencilla" de como cargar una imagen, o un SWF en Actionscript.
Lo primero que tenemos que hacer es crear un objeto tipo Loader. Los Loader son los encargados de cargar imágenes (JPG, PNG o GIF) y SWFs en Flash. Esto lo hacemos así:
var loader:Loader = new Loader();
Ahora que tenemos un "cargador", hay que pedirle que informe de los eventos de la carga. Hay muchos eventos, pero los principales son tres:
-Error al cargar la imagen (no se encuentra el archivo)
-Progreso de la imagen (nos informa del progreso de la carga)
-Imagen cargada (la imagen ya se ha cargado y podemos trabajar con ella).
Para que el Loader nos informe de estos eventos, tenemos que asociar cada uno a una función. Es decir, debemos decirle: "si la carga falla, ejecuta esta función, y si se carga, ejecuta esta". Esta charla, traducida a Actionscript 3.0 es:
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, imagenCargada);
loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, imagenError);
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, imagenProgreso);
Lo que hemos hecho es "añadir listener de los eventos". Como se puede ver, cada evento vá asociado a una función. El evento Event.COMPLETE, por ejemplo, está asociado a la función "imagenCargada". Estas funciones suelen tener esta apariencia:
private function imagenCargada(e:Event):void {
trace("Cargada: " + e);
addChild(e.target.content);
}private function imagenError(e:IOErrorEvent):void {
trace("Error: " + e);
}private function imagenProgreso(e:ProgressEvent):void {
trace("Cargados=" + e.bytesLoaded + " Total=" + e.bytesTotal);
}
Como se puede ver, cada función recibe un parámetro (al que hemos llamado "e", en este caso) que no servirá para obtener información del evento. Por ejemplo, cuando pongamos a cargar la foto, se comenzará a ejecutar periódicamente la función imagenProgreso hasta que termine la carga. Cada vez que Flash ejecute esa función, pasará como parámetro un "e distinto", que contendrá información sobre el progreso de carga en los atributos bytesLoaded y bytesTotal del evento.
Una vez que tenemos añadidos los eventos, tenemos que cargar la imagen mediante la función load:
loader.load( new URLRequest(url));
Y listo. El loader que hemos creado se encargará de ejecutar las funciones asignadas a los eventos que le hemos asociado. El evento más importante es Event.COMPLETE, que ejecuta la función imagenCargada cuando el archivo termina de cargarse. Podemos acceder al archivo dentro del parámetro e.target.content den evento.
El código completo, sería el siguiente:
package
{import flash.display.Sprite;
import flash.net.URLRequest;
import flash.display.Loader;
import flash.events.*;
public class CargarImagen extends Sprite
{private var url:String = "circuloPunto.jpg"
public function CargarImagen():void
{var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, imagenCargada);
loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, imagenError);
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, imagenProgreso);
loader.load( new URLRequest(url));
}private function imagenCargada(e:Event):void {
trace("Cargada: " + e);
addChild(e.target.content);
}private function imagenError(e:IOErrorEvent):void {
trace("Error: " + e);
}private function imagenProgreso(e:ProgressEvent):void {
trace("Cargados=" + e.bytesLoaded + " Total=" + e.bytesTotal);
}}}
Hola buub, el código que yo adjunto es de una clase. Lo mejor es que descargues los archivos fuente para ver como está organizada la cosa
gt1.addEventListener(MouseEvent.MOUSE_DOWN, gt1c); function gt1c(event:MouseEvent):void{ var banner:flash.display.Loader=new flash.display.Loader(); banner.load(new URLRequest("g1.swf")); addChild(banner); } tengo estas capas en este orden: ActionScript Thumbnails Botones Banner El problema es: Cargo la imagen en banner y la capa botones, que está justo encima desaparece, los botones no se ven (funcionan con este codigo, pero no creo que sea eso ya que no se ven ni con el alpha 10 inicial que tienen) actionp.addEventListener(MouseEvent.MOUSE_OVER, a); function a(event:MouseEvent):void { actionp.alpha=actionp.alpha+90; } actionp.addEventListener(MouseEvent.MOUSE_OUT, aa); function aa(event:MouseEvent):void { actionp.alpha=actionp.alpha-90; }Un saludo y a ver si me podeis ayudar.@vayven => no tienes que pedir perdon!!!. Lo de los comentarios es fallo mio, está bastante cutre el módulo de comentarios, este verano a ver si rehago la web entera de forma "decente".
A parte de lo de las profundidades, ten en cuenta que en AS3 el alpha va de 0 a 1, y no de 0 a 100 como en AS2. Es decir que un alpha de 10 en as2 , en un alpha de 0.1 en as3.
@vayven => no tienes que pedir perdon!!!. Lo de los comentarios es fallo mio, está bastante cutre el módulo de comentarios, este verano a ver si rehago la web entera de forma "decente".
A parte de lo de las profundidades, ten en cuenta que en AS3 el alpha va de 0 a 1, y no de 0 a 100 como en AS2. Es decir que un alpha de 10 en as2 , en un alpha de 0.1 en as3.