如何在mx按钮中设置文本字段的绝对位置？

Question

我有一个大的mx按钮，我正在使用它，我希望它在整个按钮上显示我的标签，从x = 1 y = 1开始。我如何实现这种绝对定位？

以下是目前的情况：

<mx:Button id="testButton" width="54" height="54" blendMode="layer" styleName="testStyle" label="D"/>

.testStyle
{
    color: #FFFFFF;
    fontFamily: 'latha';
    fontWeight: bold;
    fontSharpness: 400;
    up-skin:        Embed("redSquare.png");
    over-skin:      Embed("redSquare.png");
    down-skin:      Embed("redSquare.png");
    disabled-skin:  Embed("redSquare.png");
    selected-over-skin:     Embed("redSquare.png");
    selected-up-skin:       Embed("redSquare.png");
    selected-down-skin:     Embed("redSquare.png");
    selected-disabled-skin: Embed("redSquare.png"); 
}

我正在动态设置字体大小：

testButton.setStyle("fontSize", 80*scale);

我理解使用图像和缩放可能会更容易，但这个标签需要经常更改。

Answer 1

一种方法是更改​​顶部/左侧填充样式：

testButton.setStyle("paddingTop", "-20");
testButton.setStyle("paddingLeft","-20");