fl.controls.Button icon tweening problem

[HansMeisa]

Hi I use the fl.control.Button and i have skinned it completly new.

For example: I added an icon like this: this.setStyle('icon', MyIcon);

Now i want to tween this icon on muose_over and mouse_out.

 

I use this AS to move the icon some px to the right and back:

 

this.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler);

this.addEventListener(MouseEvent.MOUSE_OUT, mouseOutHandler);

 

private function mouseOverHandler(event:MouseEvent):void

{

TweenLite.to(this.icon, 0.5, {x:_iconX + 8 , ease:Quad.easeOut});

 

}

 

private function mouseOutHandler(event:MouseEvent):void

{

TweenLite.to(this.icon, 0.5, {x:_iconX , ease:Quad.easeOut});

}

 

But there is a problem: The animation is o.k. but on mouse out:

The icon jumps 1 Millisecond back to his default position an then the animation starts.

Someone know how to fix it?

 

Sorry about my bad english

[GreenSock]

Without seeing your file and being able to publish it, it's tough to say for sure but is the icon moving out from underneath the mouse? Be careful about using MOUSE_OVER/MOUSE_OUT instead of ROLL_OVER/ROLL_OUT. See http://www.greensock.com/tweening-tips/#mouseover