Menu Desplegable en Flash con AS3

6 comments

Posted on 10th Julio 2009 by jluisfg in ActionScript 3.0 |Flash

, , , ,

Aunque existen componentes que pueden hacer esto. Realizar un menu desplegable en Flash resulta un poco laborioso, pues tenemos que crear diferentes simbolos que nos ayudaran a darle funcionalidad.

Se puede hacer de muchas maneras, simplemente explicare como lo haría yo.

Primero haremos el boton principal, del cual saldran los submenus. Despues, crearemos los botones que serian los submenus. Luego necesitaremos un boton invisible detonara las acciones del menu dependiendo de donde se encuentre el mouse.

Mi escenario inicial se encuentra de la siguiente manera:

Como hacer un menu desplegable, escenario inicial

Escenario inicial

Tengo un boton, cuyos estados se encuentran vacios, excepto el del area activa. Despues tenemos los botones, los cuales en ActionScript haremos invisibles para que inicialmente no aparezca, y por ultimo, el boton que detonara toda la acción.

Empezamos por hacer a los botones invisible.

c1

Ahora agregamos el listener al boton principal, y la función simplemente hara los botones nuevamente visible, y agregaremos los listeners de click para cada boton.

c2

Agregamos el listener y la funcion

y el resultado seria el siguiente.

This movie requires Flash Player 8

Ahora tenemos que agregar en esta misma función un listener que oculte los botones cuando el mouse salga del area de los botones, es decir, cuando el mouse este sobre el area activa (boton) que creamos antes, una función simplemente hara nuevamente invisibles los botones.

c3

Y este sería el resultado final.

This movie requires Flash Player 8

Y por ultimo, el punto principal de un menu, para agregar una función a cada boton, simplemente tendriamos que agregar el listener (addEventListener) en la primera función, y quitarlo (removeEventListener) en la segunda función, para que cuando el mouse pase sobre el boton principal, se agreguen los listeners, pero cuando pase por el area activa, se remuevan.

c4

Podriamos utilizar la clase Tween para que se vea mas animado  nuestro menu desplegable, y simplemente tendriamos que dar de alta la clase dentro de la primero función.

Archivo raíz

6 Comments
  1. Lupita says:

    TENGO UNA DUDA, PARA HACER UN SUBMENU EN AS3 FLASH POR FAVORRR!

    10th Julio 2009 at 10:39 am

  2. jluisfg says:

    Puedes Tratar con un nuevo estado, en el que manejes otros submenus con alpha 0 :D

    10th Julio 2009 at 2:28 pm

  3. jorge says:

    podrias poner el archivo raiz en formato word 2007 por favor

    10th Julio 2009 at 10:12 pm

  4. jorge says:

    te lo agradeceria mucho

    10th Julio 2009 at 10:12 pm

  5. jesus parra says:

    hola

    tengo un problema sale en el flash que la propiedad active no esta definida, porfavor ayuda

    10th Julio 2009 at 9:43 pm

  6. jluisfg says:

    Recuerda que hay un boton invisible, que es el que nos permite ocultar los submenus cuando el mouse sale :)

    10th Julio 2009 at 9:59 am

Deja un comentario