Creación de botones en Animate

Decida qué tipo de botón se ajusta mejor a sus necesidades.

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.

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 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 un componente de botón si solo 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. 

• Los componentes de botón de ActionScript 2.0 no se pueden personalizar. El componente sí habilita cambios de estado. 

Defina los estados del botón.

El aspecto del botón cuando el usuario no está interactuando con él.

La apariencia del botón cuando el usuario está a punto de seleccionarlo.

El aspecto del botón cuando el usuario lo selecciona.

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 Zona activa 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 Zona activaen 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.

 ActionScript 2.0 no es compatible con ActionScript 3.0. Si su versión de Animate 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.

Seleccione Edición > Anular todas las selecciones, o bien, haga clic en un área vacía del escenario para garantizar que no haya nada seleccionado en el escenario.

Seleccione Insertar > Nuevo símbolo.

En el cuadro de diálogo Crear nuevo símbolo, especifique un nombre. Para el tipo de símbolo, seleccione Botón.

Animate 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.

En la línea de tiempo, haga clic en el fotograma Sobre y, a continuación, elija Insertar > Línea de tiempo > Fotograma clave.

Animate inserta un fotograma clave que duplica el contenido del fotograma anterior Arriba.

Con el fotograma Sobre aún seleccionado, cambie o modifique la imagen del botón en el escenario para crear el aspecto que desee para el estado Sobre.

Repita los pasos 5 y 6 para el fotograma Presionado y el fotograma opcional Zona activa.

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.

Cuando haya terminado, seleccione Edición > Editar documento. Animate con esto vuelve a la línea de tiempo principal del archivo FLA. Para crear una instancia del botón creado en el escenario, arrastre el símbolo de botón desde el panel Biblioteca al escenario.

Para probar la funcionalidad de un botón, utilice el comando Control > Probar. También es posible previsualizar los estados de un símbolo de botón en el escenario seleccionando 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.