我如何为该图片库中的按钮提供翻转效果，并为每个按钮分配单独的标签？

Question

所以我试图让我的图片库中的这些“按钮”具有某种翻转效果（文本改变颜色），也不是说“Linus0”，“Linus1”，“Linus2”，我想为每个按钮分配它的自己的标签。我可以用数组来做到这一点吗？另外 - 我做错了什么，让它认为总共有六张图像？只有 5 个，我只需要 5 个按钮。提前致谢！到目前为止，这是我的代码：

var myPics:Array = new Array ("image0", "image1", "image2", "image3", "image4");

var totalItems: int = myPics.length;



function createLabels () : void {
for (var i:int=0; i<=totalItems; i++){
    var btn_label:TextField = new TextField ();
    this.addChild (btn_label);
    btn_label.name = "image"+i;

    var format:TextFormat = new TextFormat ();
    format.font = "Verdana";
    format.color = 0x000000;
    format.size = 12;


    btn_label.defaultTextFormat = format;

    btn_label.x = 55;
    btn_label.y = 50+ (i*20);

    btn_label.text = "Linus"+i;
}
};

function makeMenu ():void {
for (var i:int=0; i<=totalItems; i++) {
    var myBtn:button = new button;
    this.addChild (myBtn);
    myBtn.name = "image"+i;


    myBtn.x = 55;
    myBtn.y = 50+ (i*20);
    myBtn.addEventListener(MouseEvent.CLICK, btnPress);
    myBtn.addEventListener(MouseEvent.CLICK, btnPress);
trace(i);

    }
};

    createLabels ();
    makeMenu ();

    var myFrame: frame = new frame;
    this.addChild (myFrame);
    myFrame.name = "frame";
    myFrame.x = 200;
    myFrame.y = 70;

    var myLoader:Loader = new Loader ();

    function btnPress (event:MouseEvent):void{
        this.enabled = true;
        myLoader.load (new URLRequest("images/"+event.target.name+".jpg"));
        addChild(myLoader);
        myLoader.x = 201;
        myLoader.y = 71;
    };

Answer 1

你得到 6 而不是 5 的原因是你使用的是 <= 而不是 <。因为“i”从 0 开始，这意味着循环计数 6 次。

至于翻转效果，如果您只想更改文本颜色，那么应该这样做：

btn_label.addEventListener(MouseEvent.MOUSE_OVER, labelOver);


function labelOver(e:MouseEvent):void
{
    e.target.defaultTextFormat.color = 0xFF0000;
    e.target.defaultTextFormat = format;
    btn_label.addEventListener(MouseEvent.MOUSE_OUT, labelOut);
}

function labelOut(e:MouseEvent):void
{
    e.target.defaultTextFormat.color = 0x000000;
    e.target.defaultTextFormat = format;
    btn_label.removeEventListener(MouseEvent.MOUSE_OUT, labelOut);
}

Answer 2

+1 奥利弗

对此所说的话

另外，我不想说“Linus0”、“Linus1”、“Linus2”，而是为每个标签分配自己的标签。我可以用数组来做到这一点吗？

是的，您可以定义一个包含有效名称的字符串数组，然后用它填充按钮标签。