Vamos a ver como realizar un menu en Flash, el cual mas tarde podriamos insertar en un documento HTML como encabezado de una página.
Primero deberemos crear un rollover, y despues asignar los vinculos a cada botón.
Mi escenario inicial cuenta con un fondo, y una serie de movieclips, los cuales seran mis botones. Es importante que cada movieClip que asignado un nombre de instancia.
Para hacer un rollover con uno de nuestros botones vamos a utilizar 2 Eventos: El evento ROLL_OVER y el Evento ROLL_OUT. El nombre de instancia del boton que usare sera miBoton_mc.
Si analizamos un rollover y en base a los eventos que mencionamos arriba, entonces necesitamos realizar 2 secuencia de animación para el botón, una cuando el mouse se encuentre encima y otra cuando el mouse salga del boton.
Dentro del boton haremos una animación sencilla en la cual una forma se sobreponga y tambien el texto debera tomar otro color.
Debemos hacer la animación para llegar a este punto, y la animación para regresar al estado original. De tal manera que nuestra línea de tiempo debe quedar asi:
Ahora debemos colocar un par de fotogramas con la función stop() y usaremos etiquetas para poder detonar ciertas partes de la línea de tiempo despues. La línea de tiempo quedara de la siguiente manera:
Ahora si, tenemos preparada la línea de tiempo de nuestro botón. Vamos a nuestra línea de tiempo principal, y en el primer fotograma necesitamos agregar 2 listeners, uno para el evento ROLL_OVER y otro para el evento ROLL_OUT. De la siguiente manera:
Lo único que queda por hacer es, dentro de la función debemos utilizar un simple gotoAndPlay(“x1″) para la función detonada por el ROLL_OVER y el mismo gotoAndPlay(“x2) para la función detonada por el ROLL_OUT; recordemos que x1 es la etiqueta que le dimos a el primero de los fotgramas de la línea de tiempo del movieclip y la etiqueta x2 es la que esta justo a la mitad de la animación. De la siguiente forma:
Ahora tenemos que cuando ponemos el mouse encima del boton detona la primera parte de la animación (que viene siendo el over) y cuando el botón sale detona la segunda parte de la animación ( que es el out).
Apliquemos la misma acción a todos los botones, y el resultado sera el siguiente.
Para poder ver la mano que nos indica acerca de un botón debemos establecer una propiedad denominada buttonMode como verdadera, de la siguiente manera:
Ahora, debemos establecer los vinculos para cada botón, esto lo podemos hacer por medio de la función navigateToURL(), que espera una variable de tipo URLRequest entre parentesís. Entonces la función debe ser detonada por el evento CLICK, entonces quedaría como:
miBoton_mc.addEventListener(MouseEvent.CLICK, miFuncion);
y en la función que establecimos como miFunción debemos poner la función navigateToURL, de la siguiente manera:
navigateToURL(new URLRequest(“http://google.com”));
El código con la función debera quedar asi:
Y estableciendole una función a cada botón deberá quedar de la siguiente manera:
y el archivo raíz
