Lorena Rodríguez Turrubiates~Practica 16                    **Crear un submenú**      Para obtener el menú desplegable pod...
Lorena Rodríguez TurrubiatesEste código permite mostrar/ocultar el submenú cuando se pasa elmouse sobre elSeleccionamos el...
Lorena Rodríguez Turrubiates    seleccionamos el centro del rectángulo de tal modo que ahora se                   ubique e...
Lorena Rodríguez TurrubiatesLo que hemos hecho desde el paso 5 hasta este es crear unaanimacion que despliege el submenu d...
Lorena Rodríguez Turrubiates           Mientras que los simbolos en el escenario se veran asi:Nota: El simbolo “submenu” s...
Lorena Rodríguez Turrubiateson (rollOver) {      if (!this.clpMenu._visible)      {            this.clpMenu.gotoAndPlay("a...
Próxima SlideShare
Cargando en…5
×

Practica 16

324 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
324
En SlideShare
0
De insertados
0
Número de insertados
24
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Practica 16

  1. 1. Lorena Rodríguez Turrubiates~Practica 16 **Crear un submenú** Para obtener el menú desplegable podemos seguir estos pasos: Creamos un símbolo (CTRL + F8) llamado “submenú” de “tipo clip de película”En el nuevo simbolo colocamos los botones que formarán parte delsubmenú, es decir el que se desplegara, para el ejemplo he colocado5 botonesLos botones que uso para este ejemplo son extraidos de la libreríaprovista en flash, los podemos encontrar en ventana > bibliotecascomunes > botones, elegimos el botón de nuestro agrado y loarrastramos al escenario.Notemos que el primer botón se encuentra alienado sobre el eje dereferencia (la cruz)En cada botón colocamos el siguiente código: on(rollOver){ } this._visible = true; on (press) { } //Tu código para cada boton on (rollOut) {GAEM 3ºC } this._visible = false;
  2. 2. Lorena Rodríguez TurrubiatesEste código permite mostrar/ocultar el submenú cuando se pasa elmouse sobre elSeleccionamos el primer botón y desda la barra de propiedades leaplicamos un Alpha al 0% asiDe tal modo que tengamos:Este es el lugar que ocupará el botón principal (El que despliega elsubmenú)Creamos una nueva capa y en ella creamos un rectángulo de talmodo que cubra todos los botones hasta el momento nuestra línea deltiempo se verá asi:El escenrio se verá asi: Notemos que el rectángulo cubre totalmente los botonesAhora cambiamos el punto de referencia del rectángulo creado paraello seleccionamos el rectángulo y con la herramienta “selección libre”GAEM 3ºC
  3. 3. Lorena Rodríguez Turrubiates seleccionamos el centro del rectángulo de tal modo que ahora se ubique en la parte superior asi:Seleccionamos el frame que contiene el rectángulo y lo convertimosen interpolación de movimiento, haciendo click derecho sobre el asi:Seleccionamos alrededor de 5 frames y presionamos la tecla F6 de talforma que creemos un frame principal Convertimos esta capa en una máscaraEn la capa “botones” seleccionamos el frame 5 y presionamos F5,nuestra línea de tiempo se verá asi:GAEM 3ºC
  4. 4. Lorena Rodríguez TurrubiatesLo que hemos hecho desde el paso 5 hasta este es crear unaanimacion que despliege el submenu de forma suave.Seleccionamos el último frame de la capa rectángulo y desde el panelde acciones ditamosstop();Seleccionamos el primer frame de la capa rectángulo y le colacamos la etiqueta abrir. Esto nos permite indicar desde que frame empieza la animación Nuestra linea del tiempo se verá asi:El submenú esta listo, ahora solo nos resta crear el menú, para ellocreamos un nuevo símbolo llamado “menu” de tipo “clip de película”.En el nuevo símbolo creamos 2 capas, una llamada “menu” en la quecolocamos un nuevo boton y otra llamada “submenu” en la quecolocamos el submenu (el simbolo que creamos en los pasosanteriores), nuestra linea del tiempo se verá asi:GAEM 3ºC
  5. 5. Lorena Rodríguez Turrubiates Mientras que los simbolos en el escenario se veran asi:Nota: El simbolo “submenu” se muestra verde pues aplique un color decontorno, caso contrario no se vera en el escenario. El color decontorno lo aplicamos asi:Colocamos el submenu alineado al eje de referencia asi:Colocamos el nuevo boton de igual forma alineado al el eje dereferencia asi:Seleccionamos el submenu y le colocamos una etiqueta “clpMenu”En el nuevo botón que colocamos en la capa “menu”, escribimos elsiguiente códigoGAEM 3ºC
  6. 6. Lorena Rodríguez Turrubiateson (rollOver) { if (!this.clpMenu._visible) { this.clpMenu.gotoAndPlay("abrir"); this.clpMenu._visible = true; }} Esto despliega controla el despliege del submenu Ahora solo resta arrastrar el simbolo menu al escenario Al publicar la pelicula el resultado será:GAEM 3ºC

×