Ejemplo de utilización de los componentes Loader y ProgressBar

0 COMENTARIOS -  Publicado hace 40 meses -  Clasificado en: , , ,

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();

También te puede interesar:

Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com