Cómo crear botones Anterior y Siguiente en Flash CS5

Una vez que la línea de tiempo de Adobe Flash Creative Suite 5 esté bajo control, debe ofrecer a los usuarios de Flash CS5 la posibilidad de desplazarse hacia adelante y hacia atrás entre las imágenes que ha colocado en la línea de tiempo. Debe tener una capa en la línea de tiempo principal con dos instancias de botones: una que represente el botón Anterior y otra que represente el botón Siguiente.

Puede utilizar dos instancias del mismo símbolo de botón o instancias de dos símbolos únicos en la biblioteca. Siga estos pasos para crear los botones:

  • Arrastre el cabezal de reproducción al cuadro 1. El código que añada para sus botones debe ser añadido al principio de la película.
  • Haga clic y seleccione un botón para usar para el botón Anterior en el escenario.
  • Si el panel de fragmentos de código no está visible, seleccione Window→Code para abrirlo, o expándalo desde la vista de iconos en el grupo de paneles de la derecha.
  • En el panel Fragmentos de código, haga clic para expandir la categoría Navegación de la línea de tiempo.
  • Localice y haga doble clic en el fragmento de código Clic para ir al marco anterior y detener Este paso añade un poco de ActionScript nuevo a la capa de acciones existente, que está vinculada al botón seleccionado.
  • Un aviso le permite saber que Flash creará automáticamente un nombre de instancia para el nuevo botón; haga clic en Aceptar.
  • Haga clic para seleccionar el botón que utilizará para el botón Siguiente en el escenario.
  • Dentro del panel Fragmentos de código, ya debería haber ampliado la categoría Navegación de la línea de tiempo. Localice y haga doble clic en el fragmento de código Haga clic en Ir a la siguiente imagen y Detener Este paso añade código a la capa Acciones, como se muestra en la figura.
  • Guarde su película eligiendo File→Save. A continuación, pruébalo para ver tu nuevo código en acción.
  • Cuando la película se inicie en Flash Player, haga clic en el botón Siguiente un par de veces para avanzar por las imágenes. Haga clic en el botón Anterior para navegar hacia atrás.
  • Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *