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.
Nota: sigue paso a paso este tutorial para su correcto funcionamientoComo 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.
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.
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 usesPersonalizació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 usesPersonalizació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ú.
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.
Archivos del tutorial
Si tienes alguna pregunta de este tutorial; puedes hacerla aqui en los foros
