Documentación de Flash CS3

Aprendizaje de ActionScript 2.0 en Adobe Flash > Gestión de eventos > Creación de clips de película con estados de botón

Creación de clips de película con estados de botón

Cuando se asocia un controlador on() a un clip de película o se asigna una función a uno de los controladores de eventos de ratón MovieClip para una instancia de clip de película, el clip de película responde a los eventos de ratón del mismo modo que un botón. También se pueden crear estados de botón automáticos (Arriba, Sobre y Abajo) en un clip de película añadiendo las etiquetas de fotograma _up, _over y _down a la línea de tiempo del clip de película.

Cuando el usuario desplaza el ratón por el clip de película o hace clic en él, la cabeza lectora se desplaza al fotograma que lleva la etiqueta de fotograma pertinente. Para designar el área activa que utiliza un clip de película, use la propiedad hitArea (propiedad MovieClip.hitArea).

Para crear estados de botón en un clip de película:

1. Cree un nuevo documento de Flash y guárdelo como mcbutton.fla.
2. Con la herramienta Rectángulo, arrastre un rectángulo pequeño (aproximadamente 100 píxeles de ancho por 20 píxeles de alto) al escenario.
3. Haga doble clic en la forma con la herramienta Selección y presione F8 para iniciar el cuadro de diálogo Convertir en símbolo.
4. Introduzca el nombre de símbolo mcbutton, establezca el tipo de símbolo en clip de película y haga clic en Aceptar.
5. Haga doble clic en el símbolo de clip de película en el escenario para introducir el módulo de edición de símbolos.
6. Cree una nueva capa en la línea de tiempo del clip de película y cambie el nombre de la nueva capa a labels.
7. Introduzca la etiqueta de fotograma _up en el inspector de propiedades.
8. Cree una nueva capa sobre la capa predeterminada y la capa labels.
9. Cambie la nueva capa actions y añada el siguiente código ActionScript al fotograma 1 de la línea de tiempo del clip de película:

   stop();
   

10. Seleccione el fotograma 10 de las tres capas y, a continuación, seleccione Insertar > Línea de tiempo > Fotograma clave.
11. Añada una acción stop() en el fotograma 10 de la capa actions y una etiqueta de fotograma _over en el fotograma 10 de la capa labels.
12. Seleccione el rectángulo en el fotograma 10 y utilice el inspector de propiedades para seleccionar otro color de relleno.
13. Cree nuevos fotogramas clave en el fotograma 20 para cada una de las tres capas y añada una etiqueta de fotograma _down en el inspector de propiedades.
14. Modifique el color del rectángulo en el fotograma 20 de forma que cada uno de los tres estados de botón tenga un color diferente.
15. Vuelva a la línea de tiempo principal.
16. Para que el clip de película responda a eventos de ratón, realice una de las acciones siguientes:
    • Asocie un controlador de eventos on() a la instancia de clip de película, como se indica en Utilización de controladores de eventos de botones y de clips de película.
    • Asigne una función a uno de los controladores de eventos de ratón del objeto del clip de película (onPress, onRelease, etc.), tal y como se indica en ActionScript y eventos.
17. Seleccione Control > Probar película para probar el documento de Flash.

    Mueva el puntero del ratón sobre la instancia de clip de película en el escenario para que el clip de película vaya a su estado _over. Haga clic en la instancia de clip de película y la cabeza lectora irá al estado _down del clip de película.

Flash CS3

Enviarme un mensaje de correo electrónico cuando se añadan comentarios a esta página | Informe de comentarios

Página actual: http://livedocs.adobe.com/flash/9.0_es/main/00000845.html

Añadir comentario