Flash CS3

Creación de un botón

Los botones son en realidad clips de película interactivos de cuatro fotogramas. Cuando se selecciona el comportamiento del botón para un símbolo, Flash crea una línea de tiempo con cuatro fotogramas. Los tres primeros fotogramas muestran los tres posibles estados del botón; el cuarto fotograma define el área activa del botón. La línea de tiempo no se reproduce realmente; reacciona a los movimientos y las acciones del puntero saltando al fotograma correspondiente.

Para que un botón sea interactivo, coloque una instancia del símbolo del botón en el escenario y asigne acciones a la instancia. Las acciones deben asignarse a la instancia del botón del documento y no a los fotogramas de la línea de tiempo del botón.

Cada fotograma de la línea de tiempo de un símbolo de botón tiene una función específica:

  • El primer fotograma es el estado Arriba, que representa el botón siempre que el puntero no esté sobre él.

  • El segundo fotograma es el estado Sobre, que representa el aspecto del botón cuando el puntero se encuentra sobre el mismo.

  • El tercer fotograma es el estado Presionado, que representa el aspecto del botón cuando se hace clic sobre el mismo.

  • El cuarto fotograma es el estado Zona activa, que define el área que responde al clic del ratón. Esta área es invisible en el archivo SFW.

Cree un botón utilizando un símbolo de clip de película o un componente de botón. Cada tipo de botón tiene sus ventajas. Si crea un botón utilizando un clip de película tendrá la posibilidad de añadir nuevos fotogramas al botón o aplicar una animación más compleja. Sin embargo, el tamaño de archivo de los botones de clip de película es mayor que de los símbolos de botón. Si utiliza un componente de botón, tendrá la posibilidad de vincularlo con otros componentes para compartir y mostrar datos en una aplicación. Además, los componentes de botón incluyen funciones creadas previamente, como soporte de accesibilidad, y pueden personalizarse. Los componentes de botón son Button, RadioButton y CheckBox. Para más información, consulte la entrada Componente Button del manual Referencia del lenguaje de componentes ActionScript 2.0 o la sección Utilización de Button en UItilización de componentes ActionScript 3.0.

Para ver un tutorial de texto sobre cómo añadir animación y navegación a botones, consulte la página de tutoriales de Flash en www.adobe.com/go/learn_fl_tutorials_es.

  1. Seleccione Edición > Anular todas las selecciones para asegurarse de que no queda nada seleccionado en el escenario.
  2. Seleccione Insertar > Nuevo símbolo o presione Control+F8 (Windows) o Comando+F8 (Macintosh).

    Para crear el botón, debe convertir los fotogramas del botón en fotogramas clave.

  3. En el cuadro de diálogo Crear un nuevo símbolo, escriba un nombre para el símbolo de botón nuevo y para Tipo, seleccione Botón.

    Flash cambia al modo de edición de símbolos. El encabezado de la línea de tiempo cambia para mostrar cuatro fotogramas consecutivos denominados: Arriba, Sobre, Presionado y Zona activa. El primer fotograma, Arriba, es un fotograma clave vacío.

  4. Para crear la imagen del botón del estado Arriba, seleccione el fotograma Arriba en la línea de tiempo y, a continuación, utilice las herramientas de dibujo, importe un gráfico o coloque una instancia de otro símbolo en el escenario.

    En un botón puede utilizarse un símbolo de clip de película o de gráfico, pero no puede utilizarse otro botón. Para animar el botón utilice un símbolo de clip de película.

  5. Haga clic en el fotograma Sobre y seleccione Línea de tiempo > Fotograma clave.

    Flash inserta un fotograma clave que duplica el contenido del fotograma Arriba.

  6. Modifique o edite la imagen del botón para el estado Sobre.
  7. Repita los pasos 5 y 6 para los fotogramas Presionado y Zona activa.

    El fotograma Zona activa no es visible en el escenario, pero define el área del botón que responde cuando se hace clic. El gráfico del fotograma Zona activa debe ser un área sólida lo bastante grande para abarcar todos los elementos gráficos de los fotogramas Arriba, Presionado y Sobre. También puede ser más grande que el botón visible. Si no se especifica un fotograma Zona activa, se utilizará la imagen para el estado Arriba como fotograma Zona activa.

    Para crear un desplazamiento separado del símbolo, en el que al mover el puntero sobre un botón cambia otro gráfico en el escenario, coloque el fotograma Zona activa en una ubicación distinta a la de los fotogramas del botón.

  8. Para asignar un sonido a un estado del botón, seleccione el fotograma de dicho estado en la línea de tiempo, elija Ventana > Propiedades > Propiedades y, a continuación, seleccione un sonido en el menú Sonido del inspector de propiedades.
  9. Cuando haya terminado, seleccione Edición > Editar documento. Para crear una instancia del botón en el documento, arrastre el símbolo de botón desde el panel Biblioteca.


 

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/UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7dbf.html