Comunidad de diseño web y desarrollo en internet online

Crear un menú desplegable con cantidad de items dinamicos

Este tutorial tratará la personalización de un menú desplegable de ítems y labels (etiquetas) dinámicas, con la posibilidad de adecuar la cantidad de ítems a tu necesidad (de 1 a 10 ítems). También veremos como cambiar su aspecto visual.

 
Requisitos para su personalización
  • El menú solo funciona en Flash MX 2004
  • Conocimientos básico del entorno Flash MX 2004
  • Conocimientos básicos de ActionScript
  • Descargar los archivos de ejemplo del tutorial, claro!
Nota: sigue paso a paso este tutorial para su correcto funcionamiento
Como funciona el menú?

Explicaremos superficialmente su funcionamiento, en la película báse hay un botón (botón principal) que importa de la biblioteca el menú, nos valdremos de la propiedad _visible para mostrar la cantidad de ítems que deseamos, por medio de una función del archivo “items.as” externo.


Personalización

Luego de descargar el archivo y descomprimirlo encontraras en la carpeta dos archivos uno .fla y otro .as.

Nota: Es importante que el archivo items.as siempre comparta carpeta con la película en la que este el menú.
Personalización de cantidad de ítems

En el archivo .fla clickea en el primer frame de la capa “Nº de ítems”, abre el panel de acciones y allí cambia el numero de la función por el numero de ítems que necesites.

Personalización de lábels (etiquetas) de botones.

En el archivo .fla clickea en el primer frame de la capa “as”, abre el panel de acciones y en la línea 14 cambia los nombre de cada botón por los que gustes, recuerda … entre comillas.

Nota: no hace falta borrar los labels que no uses
Personalización de Acciones de los botones

En el archivo .fla clickea en el primer frame de la capa “as”, abre el panel de acciones y en la línea 30 puedes agregar las acciones que desees a cada botón.

Nota: no hace falta borrar las acciones de botón que no uses
Personalización gráfica del menú

El menú funciona con un único botón base, por lo que se puede adecuar gráficamente de una manera sencilla, en el archivo .fla abres la biblioteca y haces doble click en “botonBase_btn”, allí podrás editar el botón a tu gusto (color, diseño, etc), y el menú tomará el aspecto de ese botón.

Importante: al editar el botón respeta sus medidas ya que de eso depende que se despliegue o que se oculte el menú.

Para terminar

En el escenario encontraras un rectángulo (el botón principal que desplegará el menú), solo lo tienes que posicionar donde quieras que se despliegue el menú y apretar Ctrl+Enter (probar película) … y listo ya tienes tu menú desplegable personalizado.

Bye! ;)

Si tienes dudas o preguntas, puedes dejarlas en nuestros FOROS y allí te ayudarán.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Descargar Archivo

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate