Como crear un men desplegable en Flash

Hola Googler! Si ests nuevo por aqu y te gusta lo que ves, puedes disfrutar de una actualizacin automtica y gratuita por RSS para leer nuestros artculos completos cuando lo deseas en tu lector RSS favorito. Ests buscandoEntradas relacionadas a "menu desplegable en flash". See posts relating to your search Hide related posts

Como crear un men desplegable en Flash Un tetris secreto Spider ejemplo 3D con flash

Para obtener el men desplegable podemos seguir estos pasos:

1. Creamos un smbolo (CTRL + F8) llamado submenu de tipo clip de pelcula

2. En el nuevo simbolo colocamos los botones que formarn parte del submen, es

decir el que se desplegara, para el ejemplo he colocado 5 botones

Los botones que uso para este ejemplo son extraidos de la librera provista en flash, los podemos encontrar en ventana > bibliotecas comunes > botones, elegimos el botn de nuestro agrado y lo arrastramos al escenario. Notemos que el primer botn se encuentra alienado sobre el eje de referencia (la cruz) 3. En cada botn colocamos el siguiente cdigo:
4. on(rollOver){ 5. this._visible = true;
6. } 7. on (rollOut) { 8. this._visible = false; 9. } 10. on (press) {

11. //Tu cdigo para cada boton

12.}

Este cdigo permite mostrar/ocultar el submen cuando se pasa el mouse sobre el

13. Seleccionamos el primer botn y desda la barra de propiedades le aplicamos un

Alpha al 0% asi

De tal modo que tengamos:

Este es el lugar que ocupar el botn principal (El que despliega el submen)
14. Creamos una nueva capa

y en ella creamos un rectngulo de tal modo que cubra todos los botones hasta el momento nuestra lnea del tiempo se ver asi:

El escenrio se ver asi:

Notemos que el rectngulo cubre totalmente los botones

15. Ahora cambiamos el punto de referencia del rectngulo creado para ello

seleccionamos el rectngulo y con la herramienta seleccin libre seleccionamos el centro del rectngulo de tal modo que ahora se ubique en la parte superior asi:

16. Seleccionamos el frame que contiene el rectngulo y lo convertimos en

interpolacin de movimiento, haciendo click derecho sobre el asi:

17. Seleccionamos alrededor de 5 frames y presionamos la tecla F6 de tal forma que

creemos un frame principal

18. Convertimos esta capa en una mscara

19. En la capa botones seleccionamos el frame 5 y presionamos F5, nuestra lnea de

tiempo se ver asi:

Lo que hemos hecho desde el paso 5 hasta este es crear una animacion que despliege el submenu de forma suave.
20. Seleccionamos el ltimo frame de la capa rectngulo y desde el panel de acciones

ditamos

stop();

21. Seleccionamos el primer frame de la capa rectngulo y le colacamos la etiqueta

abrir.

Esto nos permite indicar desde que frame empieza la animacin Nuestra linea del tiempo se ver asi:

22. El submen esta listo, ahora solo nos resta crear el men, para ello creamos un

nuevo smbolo llamado menu de tipo clip de pelcula.

23. En el nuevo smbolo creamos 2 capas, una llamada menu en la que colocamos un

nuevo boton y otra llamada submenu en la que colocamos el submenu (el simbolo que creamos en los pasos anteriores), nuestra linea del tiempo se ver asi:

Mientras que los simbolos en el escenario se veran asi:

Nota: El simbolo submenu se muestra verde pues aplique un color de contorno, caso contrario no se vera en el escenario. El color de contorno lo aplicamos asi:

24. Colocamos el submenu alineado al eje de referencia asi:

25. Colocamos el nuevo boton de igual forma alineado al el eje de referencia asi:

26. Seleccionamos el submenu y le colocamos una etiqueta clpMenu

27. En el nuevo botn que colocamos en la capa menu, escribimos el siguiente cdigo 28. on (rollOver) { 29. if (!this.clpMenu._visible)
30. {

31. 32.

this.clpMenu.gotoAndPlay("abrir"); this.clpMenu._visible = true;

33. } 34.}

Esto despliega controla el despliege del submenu

35. Ahora solo resta arrastrar el simbolo menu al escenario

Al publicar la pelicula el resultado ser:

Descarga los archivos