Un boton distinto

Buenas...

Estoy necesitando hacer un boton donde tengo que ampliar el area activa.
Ejemplo:

El RollOut del Boton seria algo como esto:


Y el RollOver seria algo asi:


La pregunta es: Como hago para adaptar la Zona Activa del Boton al tamaño del MC (que seria la animacion del boton)?

Please no vayan a olvidar mi post

Algun Claber sabio por ahi que sepa como ayudarme!!?

es facil, un clip instanciado como boton con el tamaño final y el sig codigo

Código :

import mx.transitions.Tween;
import mx.transitions.easing.*;
//
btn._xscale = 10;
//
btn.onRollOver = function() {
   //
   var size:Tween = new Tween(this, "_xscale", Regular.easeOut, this._xscale, 100, 0.3, true);
};
btn.onRollOut = function() {
   //
   var size:Tween = new Tween(this, "_xscale", Regular.easeOut, this._xscale, 10, 1, true);
};

y te queda asi

el fla

Oye man muchisimas gracias
Eres el Sabio jejejeje

XArcanHellX escribió:

un falta mucho, mucho por andar

igual, estamos para ayudarnos

Mezcle los codigos que me diste con los codigos de Rosvel jejeje y salio muy buen efecto!
Te lo agradesco mucho Pen
Saludos

XArcanHellX escribió:

el codigo de rosvel se puede simplificar tambien con la clase tween:

Código :

import mx.transitions.Tween;
import mx.transitions.easing.*;
//
btn._xscale = 10;
//
btn.onRollOver = function() {
   //
   var size:Tween = new Tween(this, "_xscale", Strong.easeOut, this._xscale, 100, 0.3, true);
   var alpha:Tween = new Tween(this, "_alpha", Regular.easeOut, this._alpha, 75, 0.3, true);
};
btn.onRollOut = function() {
   //
   var size:Tween = new Tween(this, "_xscale", Strong.easeOut, this._xscale, 10, 1, true);
   var alpha:Tween = new Tween(this, "_alpha", Regular.easeOut, this._alpha, 100, 1, true);
};

Pero la clase tween permite controlar la linea de tiempo interna del MC?
Por que esa es la idea que tenia

Otra pregunta, que parametros debo cambiar para que la clase tween haga el efecto desde en centro hacia los lados o hacia arriba y abajo? Porque el codigo que me diste el efecto se hace de izquierda a derecha

Código :

import mx.transitions.Tween;
import mx.transitions.easing.*;
//
btn._xscale = 10;
btn._yscale = 75;
//
btn.onEnterFrame = function() {
   //
   this._x = (Stage.width - this._width)/2;
};
//
btn.onRollOver = function() {
   //
   var sizeX:Tween = new Tween(this, "_xscale", Strong.easeOut, this._xscale, 100, 0.3, true);
   var sizeY:Tween = new Tween(this, "_yscale", Strong.easeOut, this._yscale, 100, 0.3, true);
   //
   var alpha:Tween = new Tween(this, "_alpha", Regular.easeOut, this._alpha, 75, 0.3, true);
};
btn.onRollOut = function() {
   //
   var sizeX:Tween = new Tween(this, "_xscale", Strong.easeOut, this._xscale, 10, 1, true);
   var sizeY:Tween = new Tween(this, "_yscale", Strong.easeOut, this._yscale, 75, 1, true);
   //
   var alpha:Tween = new Tween(this, "_alpha", Regular.easeOut, this._alpha, 100, 1, true);
};

en este caso se posiciona segun el Stage, pero si lo tienes dentro de otro MC, cambia estas linea:

Código :

btn.onEnterFrame = function() {
   //
   this._x = (Stage.width - this._width)/2;
};

por estas

Código :

btn.onEnterFrame = function() {
   //
   this._x = (instanciaClipContenedor._width - this._width) /2;
};

Ok voy a intentar a que como se trabaja este codigo y sacarle el maximo provecho
Nuevamente gracias pen

mira este tip para entender bien como funciona la clase Tween