Using 9-slice skins with SimpleButton objects: Scale the skins, not the object

Manish Jethani — Mon, 27 Oct 2008 00:40:20 +0000

I’ve run into this a few times, and I keep forgetting about it each time. Here’s the problem: I’m trying to scale a SimpleButton object that uses 9-slice skins, and the 9-slice just won’t work.

button = new SimpleButton();

addChild(button);

button.upState = new upSkin();
button.overState = new overSkin();
button.downState = new downSkin();

button.width = getCalculatedWidth();

What am I doing wrong?

It turns out you have to scale the skins directly instead of scaling the button itself.

button = new SimpleButton();

addChild(button);

button.upState = new upSkin();
button.overState = new overSkin();
button.downState = new downSkin();

var calculatedWidth:Number = getCalculatedWidth();

button.upState.width = calculatedWidth;
button.overState.width = calculatedWidth;
button.downState.width = calculatedWidth;

That works!