Comunidad de diseño web y desarrollo en internet

Botones

Los botones son clips de película interactivos de cuatro fotogramas, los cuales sirven para activar eventos que deseamos ejecutar.

Un botón es un símbolo, que en su línea de tiempo tiene cuatro fotogramas, que son:

  • Reposo (Up): cuando el untero no está sobre él.
  • Sobre (Over): cuando el puntero se encuentra sobre el botón.
  • Presionado (Press): cuando se hace click con el ratón sobre el botón.
  • Zona Activa (Hit): Define el área que responderá al click del ratón. Esta área es invisible en la película. Si no se especifica un fotograma "Zona Activa" Flash tomará la imagen para el estado "Reposo" como fotograma de Zona Activa.

Fotogramas del Botón

Crear Boton
Para crear un botón se utilizan las teclas [ Ctrl + F8 ]

Fotogramas Clave del Boton
Si se desea activar cualquier fotograma del botón, se debe insertar fotograma clave para cada opción.

Crear un botón

1) Edición / Anular selección [ Ctrl + Shift + A ]

Para asegurarnos de no seleccionar nada en el escenario.

Anular seleccion

2) Insertar / Nuevo símbolo [ Ctrl + F8 ]

Ingresamos un nombre, por ejem.: Boton_1. Y en el comportamiento seleccionamos Botón.

Insertar Boton

3) Dibujamos el tipo de botón que deseamos, por ejemplo, un óvalo con degradado.

Dibujar Boton

4) Clickeamos [ F6 ] en el fotograma "Sobre" y cambiamos el color del degradado a un color fijo.

Dibujar Boton

5) Clickeamos [ F6 ] en el fotograma "Presionado", y cambiamos el relleno del ovalo.

Dibujar Boton

6) Para verificar, regresamos a escenario. Ahora este botón es un símbolo, se encuentra en la Biblioteca o Librería, donde lo activamos con [ Ctrl + L ]

Boton en Biblioteca

7) Sólo nos queda llevarlo al escenario arrastrando del la Biblioteca hacia el escenario.

Para habilitar o deshabilitar botones simples en el mismo escenario presionamos [Ctrl+Alt+B] o nos dirigimos hacia el menú: Control / Habilitar botones simples.

8) Para agregar Zona Activa, estando en el escenario damos click dos veces sobre el botón, el cual nos llevará hacia los fotogramas de estado del botón.

Damos click [F6] sobre el fotograma Zona Activa, dibujamos un rectángulo al costado del óvalo.

Al ejecutar, dirigirnos hacia el escenario. Presionamos [Ctrl+Alt+B]. Veremos que se activa también el botón sobre el rectángulo invisible.

 

Información adicional

Si tienes alguna pregunta de este ejemplo; puedes hacerla aqui en los foros.