Your SlideShare is downloading. ×
As3 unidad 5 crear una instancia de un componente lista y
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

As3 unidad 5 crear una instancia de un componente lista y

852

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
852
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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?

×