Ejemplo de utilización de los componentes Loader y ProgressBar

El componente Loader es muy útil cuando queremos cargar contenido externo, por ejemplo a la hora de crear una galeria fotográfica e ir cargando dinámicamente las imágenes. Ees un contenedor que puede mostrar archivos SWF o JPEG (pero no archivos JPEG progresivos) y con el que podemos monitorizar la carga del contenido. Se puede ajustar el tamaño del contenido del componente o cambiar su tamaño para que quepa el contenido.Tiene las siguientes propiedades:

  • Loader.autoLoad: Valor booleano que indica si el contenido se carga automáticamente (true) o si es preciso llamar a Loader.load() (false).
  • Loader.bytesLoaded: Propiedad de sólo lectura que indica el número de bytes que se han cargado.
  • Loader.bytesTotal: Propiedad de sólo lectura que indica el número total de bytes del contenido.
  • Loader.content: Referencia al contenido del componente Loader. Es una propiedad de sólo lectura.
  • Loader.contentPath: Cadena que indica la URL del contenido que va a cargarse.
  • Loader.percentLoaded: Número que indica el porcentaje de contenido cargado. Es una propiedad de sólo lectura.
  • Loader.scaleContent: Valor booleano que indica si el contenido se redimensiona para adaptarse al componente Loader (true) o si el componente Loader se redimensiona para adaptarse al contenido (false).

Y los siguientes eventos:

  • Loader.complete: Se activa cuando el contenido termina de cargarse.
  • Loader.progress: Se activa mientras se carga el contenido.

En este ejemplo vamos a utilizar el componente "Loader" y el componente "ProgressBar" para monitorizar la carga.

1.- Sobre un documento nuevo, arrastramos del panel de componente una instancia del componente progressBar.
2.- Nombramos esta instancia como "miProgressBar".
3.- Creamos una nueva capa y sobre ésta arrastramos del panel de componentes una instancia del componente Loader. Lo redimensionamos en función de nuestras necesidades y lo nombramos como "miLoader".
4.- Ahora tan sólo queda el código, que podemos poner en el fotograma vacío que se creará al generar una tercera capa:

miLoader.autoLoad = false;
miLoader.contentPath = "img01.jpg";
miProgressBar.source = miLoader;
miLoader.load();