primera versión de componente para simplificar la interacción de los botones de una pantalla....
TRANSCRIPT
![Page 1: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/1.jpg)
Primera versión de componente para simplificar la interacción de los botones de una pantalla.
Archivos a disponibles
![Page 2: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/2.jpg)
1. Copiar el primer frame «actionscript » en la nueva pantalla
![Page 3: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/3.jpg)
2. Crear la capa «navegación» y utilizarla para colocar todo el código que altere la línea de tiempo de la pantalla (gotoAndPlay, gotoAndStop, stop)
![Page 4: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/4.jpg)
Para configurar los componentes se puede utilizar 1. parametres
![Page 5: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/5.jpg)
2. panel inspector de componente
![Page 6: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/6.jpg)
movieclip sobre cual se ejecuta la acción
El mismo puede no ser del mismo del nivel que el botón
Ejemplo:mc: _parent._parent.txt01
Asigna un mc de 2 niveles por encima del botón.
![Page 7: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/7.jpg)
Evento que dispara la acción:overover-outclickclick-outout
Al accionarse, si en el escenario existe un movieclip con nombre de instancia «ocultar», este desaparecerá con una animación alpha.
![Page 8: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/8.jpg)
CLICK-OUT: cuando todos los botones de la pantalla poseen este evento permite que si un botón es seleccionado al presionar un nuevo botón el anterior se vuelve a habilitar y oculta su contenido.(ver video 05_Usando_evento_click-out.swf)OVER-OUT: este evento no permite deshabilitar el botón.El primero determina la acción y el segundo su contraria, a continuación 2 ejemplos.
![Page 9: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/9.jpg)
Ejemplo1:Evento: over-outAccion: mostrar
En over muestra el movieclip y en el out lo oculta
Ejemplo 2:Evento: over-outAccion: mover a frameParametro: 10
En over mueve el movieclip al frame 10 y en el out lo mueve al frame 1.
![Page 10: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/10.jpg)
Acciones posibles:.cargar swf
Carga un swf externo.reproducir
Reproduce desde un frame (gotoAndPlay).mover a frame
(gotoAndStop).abrir url
Permite abrir un recurso en una nueva ventana (getURL)
![Page 11: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/11.jpg)
El parámetro es el valor con el cual se ejecuta la acción.
Ejemplo 1accion: mover a frameparametro: 2
Ejemplo 2accion: cargar swfparametro: media/040001.swf
Ejemplo 3accion: abrir urlparametro:manual.pdf
![Page 12: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/12.jpg)
Determina a que grupo pertenece el boton
Opciones posibles:.(vacio)
para aquellos botones que no pertenecen a un grupo
.grupo0para los botones que pertenecen al
grupo0
.grupo1para los botones que pertenecen al
grupo1
![Page 13: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/13.jpg)
- El grupo0 es opcional, al presionar todos los botones del grupo0 se ejecuta la función del primer frame «grupoo_alTerminar». De esta manera se establece un primer momento.
Ejemplo: existe 2 botones iniciales y al presionarlos se deben mover «n» frames para mostrar una imagen.En ese caso se asigna a los 2 botones el «grupo0» y en la funcion «grupoo_alTerminar» se reemplaza su contenido por «gotoAndPlay(n)»
- Los botones del grupo1 son los necesarios para dar por finalizada una pantalla y habilitar el «siguiente».
![Page 14: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/14.jpg)
Deshabilita o no el botón al ejecutar la acción
![Page 15: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/15.jpg)
Muestra o no el tick dentro del botón al ejecutar la acción
![Page 16: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/16.jpg)
Si es true espera que la ventana media se cierre para mostrar el tick y evaluar la finalización de la pantalla(ver video 06_Parametro_esperar_externo.swf)
![Page 17: Primera versión de componente para simplificar la interacción de los botones de una pantalla. Archivos a disponibles](https://reader035.vdocuments.co/reader035/viewer/2022081414/54b085d74979591c328b4a7e/html5/thumbnails/17.jpg)
Si dentro de la línea de tiempo de la pantalla existe un movieclip con el nombre «ocultar» el mismo desaparecerá con un efecto fade out, una vez presionado algún componente botón.
1. Movieclip «ocultar»
2. Componentes dentro de un MC
En el caso de agregar un componente boton dentro de un MC, este debe situarse en el frame 1, de esa manera la pantalla reconocera que pertenece a un grupo para realizar el conteo y mostrar el boton pulsa.Caso contrario el boton funcionara pero no influira en la finalizacion de la pantalla.
De tener una animación de entrada el boton debería estar en alpha «0» y fuera del stage para que no pueda ser presionado por error.