Tutorial Botones

CAPÍTULO 9: BOTONES

9

Capítulo

Botones
9.1 ¿Qué es un botón?

L
•
•
•
•

os botones son clips de películas interactivos de 4 fotogramas. Cuando se
selecciona el comportamiento botón para un símbolo, Flash crea un símbolo
con una línea de Tiempo de 4 fotogramas.
Cada fotograma tiene una función específica:
Reposo: aspecto del botón cuando el puntero no está sobre él.
Sobre: aspecto del botóncuando el puntero se encuentra sobre él.
Presionado: cuando se hace clic sobre el mismo
Zona activa: define el área que responderá al clic del ratón. Es un área
invisible.

Generalmente las imágenes de cada fotograma son pequeñas variaciones de una
misma imagen. La línea de tiempo no se reproduce realmente. El botón es sensible a las
acciones del puntero del ratón saltando al fotogramacorrespondiente.

Figura 9.1 Estados Reposo, Sobre, Presionado y Zona activa de un botón

9.2 Usar un botón de una Biblioteca común
1.
2.
3.
4.
5.

Selecciona Ventana > Otros paneles > Bibliotecas Comunes >
Curso
En la ventana Biblioteca-Curso realiza doble clic sobre la carpeta
Botones para abrirla.
Pincha y arrastra al escenario el botón ejemplo botón.
Control > Probar película para estudiar sucomportamiento. Cierra la
ventana de reproducción para regresar al diseño.
Para editarlo y ver su estructura haz clic derecho sobre su instancia y
selecciona Editar en contexto . Flash cambia al modo edición de
símbolos. La cabecera de la Línea de Tiempo cambia para mostrar los
cuatro fotogramas consecutivos.

Diseño Flash de recursos web y multimedia para la enseñanza

100

CAPÍTULO 9: BOTONES

6.
7.

Alhacer clic sobre el encabezado de cada fotograma se visualiza en el
escenario el aspecto del botón en cada estado.
Para abandonar el modo edición de símbolo hacer clic sobre el nombre
de la escena (Escena 1) en la parte inferior de la Línea de Tiempo.

Figura 9.2 Edición de ejemplo botón

9.3 Crear un botón
1.
2.

Selecciona Insertar > Nuevo símbolo.
En el cuadro de diálogo Crear un nuevo símbolo,escribe un nombre
para el símbolo, por ejemplo, botón y como comportamiento elige
Botón. Clic en Aceptar.

Figura 9.3 Introduce nombre y comportamiento para crear un botón

3.

4.

5.

Flash cambia al modo de edición de símbolos. La cabecera de la
Línea de tiempo cambia para mostrar cuatro fotogramas consecutivos
denominados: Reposo, Sobre, Presionado y Zona Activa. El primer
fotograma, Reposo, esun fotograma clave vacío.
Para crear la imagen del botón del estado Reposo, activa la herramienta
de dibujo Rectángulo (R). Selecciona el color azul como relleno y como
trazo. Activa el modificador Radio del rectángulo redondeado e
introduce 30 como valor del radio. Clic en el botón Aceptar.
Pincha y arrastra para dibujar el rectángulo de esquinas redondeadas
que formará el botón en su estado deReposo.

Diseño Flash de recursos web y multimedia para la enseñanza

101

CAPÍTULO 9: BOTONES

6.

Selecciona la herramienta Flecha. Doble clic sobre el rectángulo para
seleccionarlo. Abre el panel Ventana > Paneles de diseño >
Información. Para situar el objeto en el centro, clic en el selector centro
de la parrilla que se muestra en el panel Información e introduce los
valores 0 en las casillasX e Y. Para darle un tamaño adecuado, introducir
los valores 160 y 40 en anchura (An) y altura (Al) respectivamente. No
olvides pulsar para concluir. Clic en cualquier parte del
escenario para deseleccionar.

Figura 9.4 Introduce X e Y para situar con precisión el objeto

7.

8.

Selecciona la herramienta Texto (T). Sobre el Inspector de
Propiedades define previamente como tipo de fuente:Arial, tamaño:
24 puntos y color del texto: blanco. Activa el botón B de las negritas. Clic
en el escenario encima del botón y escribe "Reposo".
Selecciona la herramienta Flecha. Clic sobre el cuadro de texto. En el
Inspector de propiedades introducir los valores 0 en las casillas X e Y
para centrar este texto en relación con el rectángulo. Pulsa la tecla
para concluir.

Figura 9.5...

Leer documento completo

Regístrate para leer el documento completo.