Este documento explica cómo crear y manipular botones en Adobe Flash. Primero, se dibuja el botón y se convierte en un símbolo con diferentes estados (reposo, sobre, presionado). Luego, se diseñan los estados editando el símbolo y agregando efectos como cambios de color o capas. Finalmente, se puede asignar una acción al botón seleccionándolo y creando un evento en el panel de acciones.
2. Para manipular un boton, primero debemos saber que es:
Los botones de flash son objetos gráficos a los que podemos asignar diferentes estados
(normal, sobre, presionado...) y que cuando los pulsemos (o pasemos por encima), se ejecuten
determinadas acciones.
Para crear un botón podemos primero dibujarlo, por ejemplo en el estado de reposo, y después
convertirlo en símbolo; para ello, una vez seleccionado, elegimos el menú: "Insertar-Convertir en
símbolo". Debemos escribirle un nombre.
3. Si abrimos la biblioteca ("Ventana-Biblioteca"), veremos que ya aparece
dentro:
Ahora debemos diseñar los diferentes estados del botón, editando el símbolo. Para
ello, haremos doble clic en el icono del botón (en la biblioteca), o bien "botón
derecho-Editar", apuntando al botón que aparece en la escena.
En la línea de tiempos veremos que estamos modificando el botón, no la escena:
4. Podemos apreciar que en vez de fotogramas normales, como cualquier animación de
flash, disponemos de cuatro fotogramas "especiales":
Reposo: es donde colocaremos el botón con su aspecto nortmal, es decir, cuando no está
siendo apuntado por el ratón.
Sobre: es el aspecto que tendrá cuando el ratón se pasa por encima, pero sin pulsar.
Presionado: se trata del botón mientras estamos pulsando el ratón en él.
Zona activa: aquí definimos la zona donde el botón responderá al ratón. Podemos crear un
circular, pero que se active en una zona rectangular, por ejemplo. Es muy importante en los
textos, puesto que si no se crear una zona activa, sólo se detecta el ratón cuando está
encima del trazo del texto en sí, no en el espacio entre letras, ni en el medio de una letra
"O", por ejemplo.
5. Para crear diferentes efectos en cada estado, podemos hacerlo de una forma fácil
pero efectiva, partiendo del mismo dibujo, y cambiando sólo el tono de color, por
ejemplo.
También podríamos trabajar con diferentes capas para crear otros objetos dentro
de cada estado, por ejemplo, en "sobre" podemos crear el típico "letrero" de fondo
amarillo, donde aparece una frase explicando el resultado de pulsar el botón, o una
pequeña animación del mismo botón, por ejemplo, cambiando su
tamaño, rotándolo, etc...
Debemos insertar un fotograma clave en la posición "Sobre".
6. Y listo.
También podemos asignar una acción a dicho botón
Seleccionando el botón
Abrir el panel de Acciones ("Ventana-Acciones")
7. Pulsar el símbolo + del panel de acciones (o doble clic sobre la
acción).
Elegir el tipo de evento que causará la acción (aparecen
debajo).
Asi se crea y se manipula un boton en flash.