按钮的位置 as3

Question

我需要一些关于 AS3 中按钮位置的帮助。和之前的话题一样，我用AS3做了一个IRC客户端，但是当用户加入频道时，会添加一个按钮，但是如果IRC上已经有一个按钮并且用户加入新频道，就会添加新按钮此外，这适用于用户加入的每个频道，但它应该位于最后一个按钮之后（并排）。如果用户加入更多频道也是如此。我怎样才能在 x 和 y 位置以最佳方式做到这一点？

这是我现在的代码：

function onChannelButton(channel)
{
var test:MovieClip = new MovieClip();
var btn:Button;

for(var j:int = 0; j < btn.length; j++) {
    btn = new Button();
    btn.name = "btn";
    btn.label = channel;
    btn.width = 90;
    btn.x = 120;
    btn.y = 487.25;
    test.addChild(btn);
    }
    addChild(test);
}

希望你能帮助我！谢谢！

Answer 1

试试这个：

const PADDING:uint = 10;
const NUM_BUTTONS:uint = 10;

onChannelButton();

function onChannelButton():void {
    var test:Sprite = new Sprite();
    var btn:Button;

    //NUM_BUTTONS or btn.length ? (Don't know about your Button class
    for (var i:int = 0; i < NUM_BUTTONS; i++) 
    {
            btn = new Button();
            btn.name = "btn";
            btn.width = 90;
            btn.x = (btn.width + PADDING) * i;
            test.addChild(btn);
    }

    addChild(test);
}

Answer 2

我通常会执行以下操作，使用您的迭代器 j 来确定 x 和 y 位置。

我已经创建了四个变量，希望能够使代码非常容易解释。在这种情况下，每个 btn 的 y 位置不会改变，这就是 btnSpacingY 设置为 0 的原因。

var btnStartX:Number = 120;
var btnStartY:Number = 487.25;
var btnSpacingX:Number = 120;
var btnSpacingY:Number = 0;

function onChannelButton(channel) {
    var test:MovieClip = new MovieClip();
    var btn:Button;

    for (var j:int = 0; j < 10; j++) {
        btn = new Button();
        btn.name = "btn";
        btn.label = channel;
        btn.width = 90;
        btn.x = btnStartX + (j * btnSpacingX);
        btn.y = btnStartY + (j * btnSpacingY);
        test.addChild(btn);
    }
    addChild(test);
}