Linda Aurora Márquez Reyes                             Practica 16                        Crear un submenuPara obtener el ...
Linda Aurora Márquez Reyes}on (rollOut) {     this._visible = false;}on (press) {     //Tu código para cada boton}Este cód...
Linda Aurora Márquez ReyesEl escenrio se verá asi:Notemos que el rectángulo cubre totalmente los botonesAhora cambiamos el...
Linda Aurora Márquez ReyesEn la capa “botones” seleccionamos el frame 5 ypresionamos F5, nuestra línea de tiempo se verá a...
Linda Aurora Márquez ReyesEl submenú esta listo, ahora solo nos resta crear el menú, paraello creamos un nuevo símbolo lla...
Linda Aurora Márquez ReyesColocamos el nuevo boton de igual forma alineado al el ejede referencia asi:Seleccionamos el sub...
Linda Aurora Márquez ReyesAl publicar la pelicula el resultado será:GAEM 3ºC
Próxima SlideShare
Cargando en…5
×

Practica 16

191 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
191
En SlideShare
0
De insertados
0
Número de insertados
26
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Practica 16

  1. 1. Linda Aurora Márquez Reyes Practica 16 Crear un submenuPara obtener el menú desplegable podemos seguir estospasos:Creamos un símbolo (CTRL + F8) llamado “submenu” de “tipoclip de película”En el nuevo simbolo colocamos los botones que formaránparte del submenú, es decir el que se desplegara, para elejemplo he colocado 5 botonesLos botones que uso para este ejemplo son extraidos de lalibrería provista en flash, los podemos encontrar en ventana >bibliotecas comunes > botones, elegimos el botón de nuestroagrado y lo arrastramos al escenario.Notemos que el primer botón se encuentra alienado sobre eleje de referencia (la cruz)En cada botón colocamos el siguiente código:on(rollOver){ this._visible = true;GAEM 3ºC
  2. 2. Linda Aurora Márquez Reyes}on (rollOut) { this._visible = false;}on (press) { //Tu código para cada boton}Este código permite mostrar/ocultar el submenú cuando sepasa el mouse sobre elSeleccionamos el primer botón y desda la barra depropiedades le aplicamos un Alpha al 0% asiDe tal modo que tengamos:Este es el lugar que ocupará el botón principal (El quedespliega el submenú)Creamos una nueva capa y en ella creamos un rectángulode tal modo que cubra todos los botones hasta el momentonuestra línea del tiempo se verá asi:GAEM 3ºC
  3. 3. Linda Aurora Márquez ReyesEl escenrio se verá asi:Notemos que el rectángulo cubre totalmente los botonesAhora cambiamos el punto de referencia del rectángulocreado para ello seleccionamos el rectángulo y con laherramienta “selección libre” seleccionamos el centro delrectángulo de tal modo que ahora se ubique en la partesuperior asi:Seleccionamos el frame que contiene el rectángulo y loconvertimos en interpolación de movimiento, haciendo clickderecho sobre el asi:Seleccionamos alrededor de 5 frames y presionamos la teclaF6 de tal forma que creemos un frame principalConvertimos esta capa en una máscaraGAEM 3ºC
  4. 4. Linda Aurora Márquez ReyesEn la capa “botones” seleccionamos el frame 5 ypresionamos F5, nuestra línea de tiempo se verá asi:Lo 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 ydesde el panel de acciones ditamosstop();Seleccionamos el primer frame de la capa rectángulo y lecolacamos la etiqueta abrir.Esto nos permite indicar desde que frame empieza laanimaciónNuestra linea del tiempo se verá asi:GAEM 3ºC
  5. 5. Linda Aurora Márquez ReyesEl submenú esta listo, ahora solo nos resta crear el menú, paraello creamos un nuevo símbolo llamado “menu” de tipo “clipde película”.En el nuevo símbolo 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 quecreamos en los pasos anteriores), nuestra linea del tiempo severá asi:Mientras que los simbolos en el escenario se veran asi:Nota: El simbolo “submenu” se muestra verde pues aplique uncolor de contorno, caso contrario no se vera en el escenario.El color de contorno lo aplicamos asi:Colocamos el submenu alineado al eje de referencia asi:GAEM 3ºC
  6. 6. Linda Aurora Márquez ReyesColocamos el nuevo boton de igual forma alineado al el ejede referencia asi:Seleccionamos el submenu y le colocamos una etiqueta“clpMenu”En el nuevo botón que colocamos en la capa “menu”,escribimos el siguiente códigoon (rollOver) { if (!this.clpMenu._visible) { this.clpMenu.gotoAndPlay("abrir"); this.clpMenu._visible = true; }}Esto despliega controla el despliege del submenuAhora solo resta arrastrar el simbolo menu al escenarioGAEM 3ºC
  7. 7. Linda Aurora Márquez ReyesAl publicar la pelicula el resultado será:GAEM 3ºC

×