Crear una Botonera Dinámica en ActionScript 2.0

Por: penHolder + 06.11.2007

Código :

this.createEmptyMovieClip("botonera",this.getNextHighestDepth());

Código :

var labels:Array = Array("home","about","services","contact");

Código :

with(botonera){
}

Código :

with(botonera){
   this._x = 50;
}

Código :

with(botonera){
  this._x = 50;
  for(i=1;i <= labels.length; i++){
  }   
}

Código :

with(botonera){
  this._x = 50;
  for(i=1;i <= labels.length; i++){
    var modelButton:MovieClip = this.attachMovie("boton", "boton"+i , this.getNextHighestDepth ());
  }   
}

Código :

with(botonera){
  this._x = 50;
  for(i=1;i <= labels.length; i++){
    var modelButton:MovieClip = this.attachMovie("boton", "boton"+i , this.getNextHighestDepth ());
    modelButton._x = 0;
    modelButton._y = ((i*0)+this._height) +5; //multiplicamos por 0, para q la distancia sea constante
  }   
}

Código :

with(botonera){
  this._x = 50;
  for(i=1;i <= labels.length; i++){
    var modelButton:MovieClip = this.attachMovie("boton", "boton"+i , this.getNextHighestDepth ());
    modelButton._x = 0;
    modelButton._y = ((i*0)+this._height) +5; //multiplicamos por 0, para q la distancia sea constante
    modelButton.t.text = labels[i-1];
  }   
}

Código :

with(botonera){
  this._x = 50;
  for(i=1;i <= labels.length; i++){
    var modelButton:MovieClip = this.attachMovie("boton", "boton"+i , this.getNextHighestDepth ());
    modelButton._x = 0;
    modelButton._y = ((i*0)+this._height) +5; //multiplicamos por 0, para q la distancia sea constante
    modelButton.t.text = labels[i-1];
    modelButton.onEnterFrame = function (){         
         //ecuacion para la trancicion de alpha
         //donde: a = transparencia
         //       v = velocidad de trancicion
         this._alpha += (this.a - this._alpha) /this.v;
                  
         //si el cursor esta sobre el boton...         
         if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
            //...cambia su transparencia al 50%
            this.a = 50;
            this.v = 5;
            
            //sino, vuelve o se mantiene al 100%
            } else{
               this.a = 100;
               this.v = 10;
            }
         }
       }
  }   
}

Código :

modelButton.onMouseDown = function (){
      if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
      if(this._name == "boton1"){
          trace("welcome home")//acciones
      }
      if(this._name == "boton2"){
         trace("about us")//acciones
      }
      if(this._name == "boton3"){
         trace("our services")//acciones
      }
      if(this._name == "boton4"){
         trace("contact us")//acciones
      }
   } 
}

actionscript

Buen aporte, pero...

Código :

modelButton._y = ((i*0)+this._height) +5; //multiplicamos por 0, para q la distancia sea constante

constante??? es decir siempre cero???
Esto debería ser solamente:

Código :

 modelButton._y = this._height+5;

Por: Otaku RzO

Que tal chicos el tutorial es muy bueno peroooo hay varios comentarios que debo hacer
Otaku ya se dio cuenta de un error pero..

La onda sería así..

Código :

 modelButton._y = (this._height*i)   (5 * i);

Y para hacerlo mas practico sería cuestión de crear una var "distancia" donde ahi la modificamos a gusto, sin tener que buscar ese 5 escondido.

Otra cosa,, para los estados de over y out, definitivamente no usaría onEnterFrame, sino preguntale a Freddie
De ultimaaaa le haces un enterframe que inicie cuando estás sobre el boton, y que este se elimine cuando se sale de el y ya.

Yo por lo general lo que hago (que ya me lo tome como mi estandar de botoneras) es dentro del MC le creo 2 o 3 labels en la linea de tiempo(o más si es necesario). Algo como INN, OUT, OFF, y por ejemplo

Código :

boton.onRollOver = function(){
   this.gotoAndPlay('INN');
}

Esto es bueno por si queremos hacer algun efecto que no podemos lograr en AS o que nos llevaría mucho menos tiempo realizarlo "manualmente". O también podría suceder si no sabemos tanto AS como para crear efectos "zarpados" (es mi caso )

Saludos chicaos.
Por: Raxiro_blog

Fe de erratas (son las 8:50am!! )

Código :

modelButton._y = (this._height*i)   (5 * i);

Por: Raxiro_blog

 modelButton._y = (this._height*i) "MAS" (5 * i);

@Raxiro: lo probaste ?! Se separa mucho
En si debería ser:

Código :

modelButton._y = (modelButton._height + 5)*i;

Pero si no quieren el espacio vacío al inicio:

Código :

modelButton._y = ((modelButton._height + 5)*i) - modelButton._height;

Por: Otaku RzO

es cierto es q al escribir this, me lo toma como el clip botonera, y yo queria q se refiera a modelButton, zks por la correccion
Por: penHolder

modelButton.onMouseDown = function (){
      if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
      if(this._name == "boton1"){
          trace("welcome home")//acciones
      }
      if(this._name == "boton2"){
         trace("about us")//acciones
      }
      if(this._name == "boton3"){
         trace("our services")//acciones
      }
      if(this._name == "boton4"){
         trace("contact us")//acciones
      }
   } 
}