1. Uso de ActionScript yUso de ActionScript y
componentes para la cargacomponentes para la carga
de contenidode contenido
Unidad 5Unidad 5

2. ObjetivosObjetivos
 Trabajar con componentes AS3.0Trabajar con componentes AS3.0
 Crear una instancia del componente ListCrear una instancia del componente List
y personalizar las propiedadesy personalizar las propiedades
 Lanzar un evento al seleccionar unLanzar un evento al seleccionar un
elemento de la listaelemento de la lista
 Usar el componente UILoader paraUsar el componente UILoader para
controlar la carga y desplegar un archivocontrolar la carga y desplegar un archivo
SWFSWF

3. Crear una instancia de unCrear una instancia de un
componente lista ycomponente lista y
modificar sus parámetrosmodificar sus parámetros
Unidad 5Unidad 5

4. Crear una instancia de unCrear una instancia de un
componente listacomponente lista
 Una “lista” es un componente de interfase deUna “lista” es un componente de interfase de
usuario.usuario.

5. Crear una instancia de unCrear una instancia de un
componente listacomponente lista
 Un objeto dataProvider tiene un elementoUn objeto dataProvider tiene un elemento
para las etiquetas y otro para los datos.para las etiquetas y otro para los datos.

6. Añadir una instancia delAñadir una instancia del
componente UILoadercomponente UILoader
Unidad 5Unidad 5

7. Añadir una instancia delAñadir una instancia del
componente UILoadercomponente UILoader
 Un componente UILoader permite cargarUn componente UILoader permite cargar
archivos SWF, JPG, PNG y GIF.archivos SWF, JPG, PNG y GIF.
 Los parámetros de este componente son:Los parámetros de este componente son:

8. Añadir un detector deAñadir un detector de
eventos CHANGE a unaeventos CHANGE a una
listalista
Unidad 5Unidad 5

9. Añadir un detector de eventosAñadir un detector de eventos
CHANGE a una listaCHANGE a una lista
 Los componentes de tipo lista, porLos componentes de tipo lista, por
ejemplo, combox, datagrid, tree y listas,ejemplo, combox, datagrid, tree y listas,
lanzan un evento de tipo CHANGElanzan un evento de tipo CHANGE
cuando el usuario selecciona una de suscuando el usuario selecciona una de sus
opciones.opciones.
 El evento CHANGE se encuentra en laEl evento CHANGE se encuentra en la
clase EVENT.clase EVENT.

10. Cargar un archivo SWFCargar un archivo SWF
en un componenteen un componente
UILoaderUILoader
Unidad 5Unidad 5

11. Cargar un archivo SWF en unCargar un archivo SWF en un
componente UILoadercomponente UILoader
 Para carga un archivo utilizamos laPara carga un archivo utilizamos la
propiedadpropiedad sourcesource..
 Con este tipo de carga no tenemos controlCon este tipo de carga no tenemos control
del proceso ni control si es que hubiera undel proceso ni control si es que hubiera un
error.error.
 Sencillamente indicamos el nombre delSencillamente indicamos el nombre del
archivo y la carga se efectúa.archivo y la carga se efectúa.
 El objeto seleccionado se almacena en elEl objeto seleccionado se almacena en el
objetoobjeto selectedItemselectedItem, en la propiedad, en la propiedad datadata..

12. Crear el archivo deCrear el archivo de
galeríagalería
Unidad 5Unidad 5

13. Crear el archivo de galeríaCrear el archivo de galería
 Para carga un archivo externo a Flash,Para carga un archivo externo a Flash,
necesitamos crear un objeto URLLoader.necesitamos crear un objeto URLLoader.
 Para importar la clase URLLoader, utilicePara importar la clase URLLoader, utilice
la siguiente instrucción:la siguiente instrucción:
import flash.net.URLLoader;import flash.net.URLLoader;
 Con esta clase podrá dar seguimiento a laCon esta clase podrá dar seguimiento a la
carga.carga.
 Para cargar un archivo, utilice el métodoPara cargar un archivo, utilice el método
load().load().

14. Crear el archivo de galeríaCrear el archivo de galería
 La información se carga dentro del objetoLa información se carga dentro del objeto
URLLoader en una propiedad llamadaURLLoader en una propiedad llamada
datadata..
 Para iniciar la carga de un archivoPara iniciar la carga de un archivo
externo, necesitamos un objeto de tipoexterno, necesitamos un objeto de tipo
URLRequest.URLRequest.
 Por lo general, un objeto URLRequest sePor lo general, un objeto URLRequest se
crea “al vuelo”, por ejemplo:crea “al vuelo”, por ejemplo:
miLmiLoder.load(new URLRequest(“miArchivo”));oder.load(new URLRequest(“miArchivo”));

15. Determinar cuando laDeterminar cuando la
carga se ha finalizadocarga se ha finalizado
Unidad 5Unidad 5

16. Determinar cuando la carga se haDeterminar cuando la carga se ha
finalizadofinalizado
 Cuando se solicita la carga de un archivoCuando se solicita la carga de un archivo
en ActionScript, se lanza un procesoen ActionScript, se lanza un proceso
asíncrono, es decir, la ejecución del scriptasíncrono, es decir, la ejecución del script
no se detiene, por lo que es muy comúnno se detiene, por lo que es muy común
que se genere una situación donde laque se genere una situación donde la
información se necesite y esta aún noinformación se necesite y esta aún no
haya sido cargada, por lo que se puedehaya sido cargada, por lo que se puede
generar un error.generar un error.

17. Determinar cuando la carga haDeterminar cuando la carga ha
finalizadofinalizado
 Para evitar este problema es necesarioPara evitar este problema es necesario
“sincronizar” el arribo de los datos, con el“sincronizar” el arribo de los datos, con el
código de proceso.código de proceso.
 Para ello, el objeto URLLoader genera elPara ello, el objeto URLLoader genera el
evento COMPLETE (dentro de la claseevento COMPLETE (dentro de la clase
EVENT) que indica que el proceso deEVENT) que indica que el proceso de
carga ha finalizado.carga ha finalizado.

18. Determinar cuando la carga haDeterminar cuando la carga ha
finalizadofinalizado
 Para utilizar los datos hay que pasarlosPara utilizar los datos hay que pasarlos
del parámetro data a variables de trabajodel parámetro data a variables de trabajo
o a otro objeto:o a otro objeto:
info.text = (load.data)info.text = (load.data)

19. Determinar cuando la carga haDeterminar cuando la carga ha
finalizadofinalizado
 Un objeto de la clase URLLoader es unaUn objeto de la clase URLLoader es una
herramienta “universal”, pues puedeherramienta “universal”, pues puede
cargar archivos de texto, archivoscargar archivos de texto, archivos
binarios, archivo CSS, variables URL obinarios, archivo CSS, variables URL o
archivos XML.archivos XML.
 Para indicar el tipo de formato, cuenta conPara indicar el tipo de formato, cuenta con
la propiedadla propiedad dataFormatdataFormat..
 Por omisión el valor de dataFormat esPor omisión el valor de dataFormat es
texttext..

20. Determinar cuando la carga haDeterminar cuando la carga ha
finalizadofinalizado
 El nuevo modelo de gestión de eventosEl nuevo modelo de gestión de eventos
supone una mejora significativa consupone una mejora significativa con
respecto al uso de los controladores derespecto al uso de los controladores de
eventos LoadVars.onData,eventos LoadVars.onData,
LoadVars.onHTTPStatus yLoadVars.onHTTPStatus y
LoadVars.onLoad en ActionScript 2.0, yaLoadVars.onLoad en ActionScript 2.0, ya
que permite gestionar errores y eventosque permite gestionar errores y eventos
con mayor eficacia.con mayor eficacia.

21. Añadir un componenteAñadir un componente
scrollscroll a un campo dea un campo de
textotexto
Unidad 5Unidad 5

22. Añadir un componenteAñadir un componente scrollscroll a una un
campo de textocampo de texto
 Cuando se tienen textos muy largos, esCuando se tienen textos muy largos, es
necesario utilizar un componentenecesario utilizar un componente scrollscroll
para poder manejar su longitud.para poder manejar su longitud.
 También puede crear su propioTambién puede crear su propio scrollscroll concon
las propiedadeslas propiedades maxScrollVmaxScrollV,, scrollVscrollV, etc., etc.

23. Añadir un componenteAñadir un componente scrollscroll a una un
campo de textocampo de texto
 Primero hay que hacer al textoPrimero hay que hacer al texto
“scrolleable”“scrolleable”

24. Añadir un componenteAñadir un componente scrollscroll a una un
campo de textocampo de texto
 Posteriormente añadirPosteriormente añadir
un componenteun componente scrollscroll
y modificar susy modificar sus
parámetros.parámetros.
 Verifique que en elVerifique que en el
campocampo
scrollTargetNamescrollTargetName
esté el nombre de laesté el nombre de la
caja de texto.caja de texto.

25. Preguntas de revisiónPreguntas de revisión
 ¿Cuáles tipos de archivos se pueden¿Cuáles tipos de archivos se pueden
cargar por medio del componentecargar por medio del componente
UILoader?UILoader?
 ¿Cuál es el nombre del evento que se¿Cuál es el nombre del evento que se
lanza cuando el usuario selecciona unlanza cuando el usuario selecciona un
elemento de un componente lista?elemento de un componente lista?
 ¿Cuál es el evento relacionado con los¿Cuál es el evento relacionado con los
objetos URLLoader al finalizar la carga delobjetos URLLoader al finalizar la carga del
archivo?archivo?