Web Blog D_sign Tutoriales, Noticias y Tendencias Geeks

Menu Desplegable en Flash con AS3

Creado en ActionScript 3.0, Flash en jul 10 por jluisfg

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.

****** Actualización: Grabamos un videotutorial por si se sienten mas comodos.

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

  • Lupita

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

  • http://www.twitter.com/jluisfg jluisfg

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

  • jorge

    podrias poner el archivo raiz en formato word 2007 por favor

  • jorge

    te lo agradeceria mucho

  • jesus parra

    hola

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

  • http://www.twitter.com/jluisfg jluisfg

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

  • http://aúnno Diego DIego

    Gracias, muchas gracias fue muy útil esta información!

  • http://www.twitter.com/jluisfg jluisfg

    Chequen el video para ver como hacerlo animado con clases de ActionScipt!

  • Miguelgaytan10

    Como podrias Hacerlo pero sin ayuda de la zona activa es decir para hacerlo con varios menus n

  • Anónimo

    @2c8e16b6b746901b9fa238effe115158:disqus en Actionscript 3.0 existe un evento que se llama ROLL_OUT, podrias intentar usando esta acciu00f3n.

  • Jei

    podrias subir el archivo en cs3