Decida qué tipo de botón se ajusta mejor a sus necesidades.
Símbolo de botón
La mayoría de usuarios eligen símbolos de botón por su flexibilidad. Los símbolos de botón contienen una línea de tiempo interna especializada para estados de botón. Puede crear fácilmente y de forma visual distintos estados Arriba, Presionado o Sobre. Los símbolos de botón también cambian de estado automáticamente cuando reaccionan a las acciones del usuario.
Botón de clip de película
Puede utilizar un símbolo de clip de película para crear efectos de botón sofisticados. Los símbolos de clip de película pueden contener casi cualquier tipo de contenido, incluidas animaciones. Sin embargo, los símbolos de clip de película no tienen incorporados los estados Arriba, Presionado y Sobre. Deberá crear estos estados usted mismo con ActionScript. Una desventaja es que los archivos de clip de película son más grandes que los archivos de botón. Utilice los siguientes recursos para aprender a crear un botón con un símbolo de clip de película:
Tutorial: Movie Clip Buttons (Botones de clip de película; en inglés) (ActionScript 3.0, Schoolofflash.com)
Vídeo: Creating a Movie Clip Button (Creación de un botón de clip de película; en inglés) (ActionScript 2.0, Kirupa.com)
Componente de botón de ActionScript
Utilice un componente de botón si sólo necesita un botón estándar o un conmutador y no quiere personalizarlo demasiado. Los componentes de botón de ActionScript 2.0 y 3.0 vienen con código incorporado que habilita los cambios de estado. De este modo, no es necesario definir la apariencia o el comportamiento de los estados de los botones. Basta con arrastrar el componente hasta el escenario.
Los componentes de botón de ActionScript 3.0 permiten cierta personalización. Puede vincular el botón a otros componentes y compartir o visualizar los datos de la aplicación. Contienen funciones incorporadas, como compatibilidad con accesibilidad. Están disponibles los componentes Button, RadioButton y CheckBox. Para obtener más información, consulte Uso del componente Button en Uso de componentes de Adobe ActionScript 3.0. Para ver ejemplos sobre el uso de componentes Button, consulte AS3 Button Component Quick Start (Inicio rápido del componente Button en AS3, en inglés).
Los componentes de botón de ActionScript 2.0 no se pueden personalizar. El componente sí habilita cambios de estado. Para obtener más información, consulte Utilización del componente Button.
Fotograma Zona activa
El área que responde ante el clic del usuario. La definición del fotograma Zona activa es optativa. Si el botón es pequeño o si el área gráfica no está contigua, definir este fotograma puede resultar útil.
El contenido del fotograma activo no está visible en el escenario durante la reproducción.
El gráfico del fotograma Zona activa es un área sólida lo bastante grande para abarcar todos los elementos gráficos de los fotogramas Arriba, Presionado y Sobre.
Si no especifica ningún fotograma Zona activa, se utilizará la imagen del estado Arriba.
Puede hacer que un botón responda al hacer clic en un área distinta del escenario o al pasar el ratón por encima. Coloque el gráfico del fotograma activo en otra ubicación distinta a la de los gráficos de fotogramas de botones.
Asocie una acción al botón.
Para que suceda algo cuando el usuario seleccione un botón, debe añadir código ActionScript a la línea de tiempo. Inserte el código ActionScript en los mismos fotogramas que los botones. El panel Fragmentos de código contiene código predefinido de ActionScript 3.0 para muchos usos habituales de botones. Consulte cómo añadir interactividad mediante fragmentos de código.
Nota:
ActionScript 2.0 no es compatible con ActionScript 3.0. Si su versión de Flash utiliza ActionScript 3.0, no podrá pegar código de ActionScript 2.0 en el botón (y viceversa). Antes de pegar ActionScript desde otro origen en los botones, debe comprobar si la versión es compatible.
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. El usuario asigna las acciones a la línea de tiempo raíz del archivo FLA. No añada acciones a la línea de tiempo del símbolo de botón. Para añadir acciones a la línea de tiempo del botón, utilice un botón de clip de película.
En el cuadro de diálogo Crear nuevo símbolo, especifique un nombre. Para el tipo de símbolo, seleccione Botón.
Flash Pro cambia al modo de edición de símbolos. 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.
Para crear la imagen del botón del estado Arriba, seleccione el fotograma Arriba en la línea de tiempo. A continuación, utilice las herramientas de dibujo, importe un gráfico o coloque una instancia de otro símbolo en el escenario.
Es posible utilizar símbolos gráficos o símbolos de clip de película dentro de un botón, pero no se puede utilizar otro símbolo de botón.
Para asignar un sonido a un estado del botón, seleccione el fotograma de dicho estado en la línea de tiempo y seleccione Ventana > Propiedades. Seguidamente, seleccione un sonido en el menú Sonido del inspector de propiedades. Únicamente los sonidos que ya se han importado aparecen en el menú Sonido.
Para probar la funcionalidad del botón, utilice el comando Control > Probar película > Probar. También es posible previsualizar los estados de un símbolo de botón en el escenario, seleccionado Control > Habilitar botones simples. Este comando permite ver los estados Arriba, Sobre y Presionado de un símbolo de botón sin utilizar Control > Probar película > Probar.
Video: Creating Buttons (en inglés; duración: 9:16, tv.adobe.com)
Vídeo: Button symbols and interactivity in Flash CS4 (en inglés; incluye algo de ActionScript 3.0, tv.adobe.com)
Tutorial: Button symbols in Flash (en inglés; incluye algo de ActionScript 3.0, Kirupa.com)
Ejemplo: Fragmento de cartera de animación (Flash Professional) (Adobe.com)
Ejemplo: ActionScript 3.0 for a button to open a web page (Flashthusiast.com) (ActionScript 3.0 para que un botón abra una página web; en inglés)
Ejemplo: ActionScript 2.0 para un botón para abrirlo en una página Web (Adobe.com)
Ejemplo: ActionScript 3.0 for buttons to jump to different scenes in the Timeline (Flashthusiast.com) (ActionScript 3.0 para que los botones salten a distintas escenas de la línea de tiempo; en inglés)
Ejemplo: ActionScript 3.0 for multiple buttons on the Stage at the same time (Flashthusiast.com) (ActionScript 3.0 para varios botones en el escenario al mismo tiempo; en inglés)
Nota técnica: How to create a simple button (Adobe.com) (Cómo crear un botón sencillo; en inglés)
De forma predeterminada, Flash Pro mantiene deshabilitados los símbolos de botón mientras los está creando. Seleccione un botón y, después, habilítelo para ver su respuesta ante eventos de ratón. La práctica recomendada es deshabilitar los botones mientras trabaja con ellos y habilitarlos rápidamente para probar su comportamiento.
Para seleccionar un botón, utilice la herramienta Selección para arrastrar un rectángulo de selección alrededor del botón.
Para habilitar o deshabilitar botones en el escenario, seleccione Control > Habilitar botones simples. Este comando actúa como alternador entre los dos estados.
Para mover un botón, utilice las teclas de flecha.
Para editar un botón, utilice el inspector de propiedades. Si no está visible, seleccione Ventana > Propiedades.
Para probar el botón en el entorno de edición, seleccione Control > Habilitar botones simples.
Para probar el botón en Flash Player, seleccione Control > Probar película [o Probar escena] > Probar. Este método es el único válido para probar botones de clip de película.
Para probar el botón en el panel Vista previa de biblioteca, seleccione el botón en la biblioteca y haga clic en Reproducir.
Utilice los siguientes recursos para solucionar los problemas más habituales que surgen al trabajar con botones:
Nota técnica: Button actions are not working (Acciones de botones que no funcionan correctamente, en inglés) (Adobe.com)
Nota técnica: Button hotspots are active even though the buttons are covered with other objects (Los puntos de acceso de botones están activos incluso si los botones están cubiertos por otros objetos, en inglés) (Adobe.com)
Nota técnica: Adding actions to shared buttons (Incorporación de acciones en botones compartidos, en inglés) (Adobe.com)
Vídeo: Troubleshooting ActionScript 2.0 button symbols (Solución de problemas con símbolos de botón de ActionScript 2.0; en inglés) (Kirupa.com)
Nota técnica: How to create a new button (Cómo crear botones nuevos, en inglés) (Adobe.com)
Nota técnicaCreating advanced buttons (Creación de botones avanzados, en inglés) (Adobe.com)
Nota técnica: How to create a roll-out animation for a button (Cómo crear una animación emergente para un botón, en inglés) (Adobe.com)
Nota técnica: How to create a reset button (Cómo crear un botón de reinicio, en inglés) (Adobe.com)
Nota técnica: How can one button do different things at different times? (Cómo puede un botón hacer cosas distintas cada vez, en inglés) (en inglés; en Adobe.com)
Nota técnica: How to make a 'Back' button in a SWF file (Cómo crear un botón “Atrás” en un archivo SWF, en inglés) (Adobe.com)
Las condiciones de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.