Comunidad de diseño web y desarrollo en internet online

Menu dinamico con efectos

Citar            
MensajeEscrito el 01 Feb 2010 01:59 pm
Hola, he creado con AS2 un menu dinamico (las opciones del menu las recupero de un archivo xml) en el que los elementos los coloco en vertical uno debajo de otro y cada uno dentro de un movieclip que tambien se va creadno dinamicamente, les doy un efecto alfa en los eventos rollover y rollout y una serie de acciones en el evento on(press).

Con esto no tengo problema me funciona perfectamente. La cuestion es que ahora tengo que dar a cada elemento del menu el efecto de que aparezcan por la derecha y se deslicen o desplacen hacia la izquierda hasta colocarse en la posicion adecuado y quedano al final uno debajo de otro. Este efecto debo hacerlo para cada elemento del menu.

Por favor, podeis ayudarme?? Es que no se que hacer!!!! :shock:


Un saludo. Y gracias.

Por liru28

53 de clabLevel



 

msie8
Citar            
MensajeEscrito el 01 Feb 2010 11:00 pm
Aplícale un Tween a cada botón cuando los crees. Este post te puede ayudar.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 02 Feb 2010 02:12 pm
gracias por tu respueta. Con eso ya me funciona pero no es exactamente lo que necesito.

Necesito que al poner el raton sobre una imagen se muestre el menu con el efecto tween y cuando no este sobre la imagen que desaparezca el menu pero con el efecto contrario al tween.

Espero vuestra ayuda porfa, mientras seguire probando.


Un saludo y gracias de nuevo.

Por liru28

53 de clabLevel



 

msie8
Citar            
MensajeEscrito el 02 Feb 2010 03:58 pm
Y ya tienes el código realizado para que te salga el menú sin el efecto? De ser así postea parte de tu código para poderte ayudar.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 02 Feb 2010 04:18 pm
Aqui va el codigo:

Codigo que crea los mc del menu (los distintos items del menu con el efecto tween)

Código ActionScript :

for(i=0; i<total; i++)            
   CrearImgCategoria(incx, incy, c, nombre, icono, nombre, profundidad, profsc);   


Funcion CrearImgCategoria

Código ActionScript :

function CrearImgCategoria(incx:Number, incy:Number, c:Number, nombre:String, icono:String, canal:String, profundidad:Number, profsc:Number)
{
                this.createEmptyMovieClip("fondocanal"+c, profundidad);
   this["fondocanal"+c]._visible=false;
   
   var cargaiconoswf:MovieClip=this["fondocanal" + c].createEmptyMovieClip("iconoswf"+c, this.getNextHighestDepth());
   cargaiconoswf._alpha=90;
   this["fondocanal" + c]._x = incx;
   this["fondocanal" + c]._y = incy;
   logo="logo"+c+".swf";
   cargaiconoswf.loadMovie(logo);
   
   var tween:Tween=new Tween(this["fondocanal"+c], "_x", Back.easeOut,  300, 0, 20+(c*3), false);
      
   //definimos las acciones para el cuadro-fondo del icono del canal
   this["fondocanal" + c].onRelease = function():Void 
   {
                    //aqui iria el codigo para para hacer el movimiento inverso del tween en todos los demas
                   //items del menu excepto en este. Creo que tengo que usar Tween.yoyo(); pero no se como
                   //He probado varias formas pero no hay manera de conseguirlo
                }
}


NOTA: la variable c toma valores del 1 al 6

Codigo del mc que al estar sobre el se muestra el menu:

Código ActionScript :

on(rollOver)
{
   _root.muestra.text=_root.muestra.text + "len: " + _root.canales.len;
   for (i=0; i<_root.canales.len; i++) {
      n=i+1;
      _parent.cargaCat["fondocanal" + n].Tween.start();
   }
}


Espero que con esto podais ayudarme.
Gracias.

Por liru28

53 de clabLevel



 

msie8
Citar            
MensajeEscrito el 02 Feb 2010 08:47 pm
@liru28, debes crear la animación cuando presiones el botón y después tomar a todos los botones menos el presionado y hacerle una animación a la inversa, no debes crear el Tween dentro del ciclo. Este post te ayudará con la filosofía de aplicar un Tween a un objeto cuando presiones un botón. Y este te ayudará a entender la filosofía de aplicar una propiedad a un botón y otra a todos los objetos del grupo exceptuando el presionado.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.