as3 unidad 5 crear una instancia de un componente lista y
DESCRIPTION
TRANSCRIPT
Uso de ActionScript y Uso de ActionScript y componentes para la componentes para la carga de contenidocarga de contenido
Unidad 5Unidad 5
ObjetivosObjetivos
Trabajar con componentes AS3.0Trabajar con componentes AS3.0 Crear una instancia del componente Crear una instancia del componente
List y personalizar las propiedadesList y personalizar las propiedades Lanzar un evento al seleccionar un Lanzar un evento al seleccionar un
elemento de la listaelemento de la lista Usar el componente UILoader para Usar el componente UILoader para
controlar la carga y desplegar un controlar la carga y desplegar un archivo SWF archivo SWF
Crear una instancia de Crear una instancia de un componente lista y un componente lista y
modificar sus modificar sus parámetrosparámetros
Unidad 5Unidad 5
Crear una instancia de un Crear una instancia de un componente listacomponente lista
Una “lista” es un componente de Una “lista” es un componente de interfase de usuario.interfase de usuario.
Crear una instancia de un Crear una instancia de un componente listacomponente lista
Un objeto dataProvider tiene un Un objeto dataProvider tiene un elemento para las etiquetas y otro elemento para las etiquetas y otro para los datos.para los datos.
Añadir una instancia Añadir una instancia del componente del componente
UILoaderUILoader
Unidad 5Unidad 5
Añadir una instancia del Añadir una instancia del componente UILoadercomponente UILoader
Un componente UILoader permite cargar Un 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:
Añadir un detector de Añadir un detector de eventos CHANGE a eventos CHANGE a
una listauna lista
Unidad 5Unidad 5
Añadir un detector de eventos Añadir un detector de eventos CHANGE a una listaCHANGE a una lista
Los componentes de tipo lista, por Los componentes de tipo lista, por ejemplo, combox, datagrid, tree y ejemplo, combox, datagrid, tree y listas, lanzan un evento de tipo listas, lanzan un evento de tipo CHANGE cuando el usuario CHANGE cuando el usuario selecciona una de sus opciones.selecciona una de sus opciones.
El evento CHANGE se encuentra en El evento CHANGE se encuentra en la clase EVENT.la clase EVENT.
Cargar un archivo Cargar un archivo SWF en un SWF en un
componente UILoadercomponente UILoader
Unidad 5Unidad 5
Cargar un archivo SWF en un Cargar un archivo SWF en un componente UILoadercomponente UILoader
Para carga un archivo utilizamos la Para carga un archivo utilizamos la propiedad propiedad sourcesource..
Con este tipo de carga no tenemos Con este tipo de carga no tenemos control del proceso ni control si es que control del proceso ni control si es que hubiera un error.hubiera un error.
Sencillamente indicamos el nombre Sencillamente indicamos el nombre del archivo y la carga se efectúa.del archivo y la carga se efectúa.
El objeto seleccionado se almacena en El objeto seleccionado se almacena en el objeto el objeto selectedItemselectedItem, en la , en la propiedad propiedad datadata..
Crear el archivo de Crear el archivo de galeríagalería
Unidad 5Unidad 5
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 necesitamos crear un objeto URLLoader.URLLoader.
Para importar la clase URLLoader, Para importar la clase URLLoader, utilice la siguiente instrucción:utilice la siguiente instrucción:
import flash.net.URLLoader;import flash.net.URLLoader; Con esta clase podrá dar seguimiento a Con esta clase podrá dar seguimiento a
la carga.la carga. Para cargar un archivo, utilice el Para cargar un archivo, utilice el
método método load().load().
Crear el archivo de galeríaCrear el archivo de galería
La información se carga dentro del La información se carga dentro del objeto URLLoader en una propiedad objeto URLLoader en una propiedad llamada llamada datadata..
Para iniciar la carga de un archivo Para iniciar la carga de un archivo externo, necesitamos un objeto de externo, necesitamos un objeto de tipo URLRequest.tipo URLRequest.
Por lo general, un objeto URLRequest Por lo general, un objeto URLRequest se crea “al vuelo”, por ejemplo:se crea “al vuelo”, por ejemplo:
miLmiLoder.load(new oder.load(new URLRequest(“miArchivo”));URLRequest(“miArchivo”));
Determinar cuando la Determinar cuando la carga se ha finalizadocarga se ha finalizado
Unidad 5Unidad 5
Determinar cuando la carga se Determinar cuando la carga se ha finalizadoha finalizado
Cuando se solicita la carga de un Cuando se solicita la carga de un archivo en ActionScript, se lanza un archivo en ActionScript, se lanza un proceso asíncrono, es decir, la proceso asíncrono, es decir, la ejecución del script no se detiene, ejecución del script no se detiene, por lo que es muy común que se por lo que es muy común que se genere una situación donde la genere una situación donde la información se necesite y esta aún información se necesite y esta aún no haya sido cargada, por lo que se no haya sido cargada, por lo que se puede generar un error.puede generar un error.
Determinar cuando la carga ha Determinar cuando la carga ha finalizadofinalizado
Para evitar este problema es Para evitar este problema es necesario “sincronizar” el arribo de necesario “sincronizar” el arribo de los datos, con el código de proceso.los datos, con el código de proceso.
Para ello, el objeto URLLoader genera Para ello, el objeto URLLoader genera el evento COMPLETE (dentro de la el evento COMPLETE (dentro de la clase EVENT) que indica que el clase EVENT) que indica que el proceso de carga ha finalizado.proceso de carga ha finalizado.
Determinar cuando la carga ha Determinar cuando la carga ha finalizadofinalizado
Para utilizar los datos hay que Para utilizar los datos hay que pasarlos del parámetro data a pasarlos del parámetro data a variables de trabajo o a otro objeto:variables de trabajo o a otro objeto:
info.text = (load.data)info.text = (load.data)
Determinar cuando la carga ha Determinar cuando la carga ha finalizadofinalizado
Un objeto de la clase URLLoader es Un objeto de la clase URLLoader es una herramienta “universal”, pues una herramienta “universal”, pues puede cargar archivos de texto, puede cargar archivos de texto, archivos binarios, archivo CSS, archivos binarios, archivo CSS, variables URL o archivos XML.variables URL o archivos XML.
Para indicar el tipo de formato, Para indicar el tipo de formato, cuenta con la propiedad cuenta con la propiedad dataFormatdataFormat..
Por omisión el valor de dataFormat Por omisión el valor de dataFormat es es texttext..
Determinar cuando la carga ha Determinar cuando la carga ha finalizadofinalizado
El nuevo modelo de gestión de El nuevo modelo de gestión de eventos supone una mejora eventos supone una mejora significativa con respecto al uso de significativa con respecto al uso de los controladores de eventos los controladores de eventos LoadVars.onData, LoadVars.onData, LoadVars.onHTTPStatus y LoadVars.onHTTPStatus y LoadVars.onLoad en ActionScript 2.0, LoadVars.onLoad en ActionScript 2.0, ya que permite gestionar errores y ya que permite gestionar errores y eventos con mayor eficacia.eventos con mayor eficacia.
Añadir un Añadir un componente componente scrollscroll a a un campo de textoun campo de texto
Unidad 5Unidad 5
Añadir un componente Añadir un componente scrollscroll a a un campo de textoun campo de texto
Cuando se tienen textos muy largos, Cuando se tienen textos muy largos, es necesario utilizar un componente es necesario utilizar un componente scrollscroll para poder manejar su para poder manejar su longitud.longitud.
También puede crear su propio También puede crear su propio scrollscroll con las propiedades con las propiedades maxScrollVmaxScrollV, , scrollVscrollV, etc., etc.
Añadir un componente Añadir un componente scrollscroll a a un campo de textoun campo de texto
Primero hay que hacer al texto Primero hay que hacer al texto “scrolleable”“scrolleable”
Añadir un componente Añadir un componente scrollscroll a a un campo de textoun campo de texto
Posteriormente Posteriormente añadir un añadir un componente componente scrollscroll y modificar sus y modificar sus parámetros.parámetros.
Verifique que en el Verifique que en el campo campo scrollTargetNamescrollTargetName esté el nombre de esté el nombre de la caja de texto.la caja de texto.
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 componente cargar 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 un lanza 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 objetos URLLoader al finalizar la carga del archivo? del archivo?