如何在 Actionscript 3.0 中使用静态函数？

Question

我想要一些对象（例如 20 个），每次我将鼠标悬停在其中任何一个上时，它都会向上移动，每次我的鼠标离开时，它都会向下移动。

obj1.addEventListener(MouseEvent.MOUSE_OVER, moveMyself1);
obj1.addEventListener(MouseEvent.MOUSE_OUT, moveMyself2);
obj2.addEventListener(MouseEvent.MOUSE_OVER, moveMyself1);
obj2.addEventListener(MouseEvent.MOUSE_OUT, moveMyself2);
obj3.addEventListener(MouseEvent.MOUSE_OVER, moveMyself1);
obj3.addEventListener(MouseEvent.MOUSE_OUT, moveMyself2);
obj4.addEventListener(MouseEvent.MOUSE_OVER, moveMyself1);
obj4.addEventListener(MouseEvent.MOUSE_OUT, moveMyself2);
obj5.addEventListener(MouseEvent.MOUSE_OVER, moveMyself1);
obj5.addEventListener(MouseEvent.MOUSE_OUT, moveMyself2);
//and etc...

function moveMyself1(e:MouseEvent):void{
    obj1.y -= 30;
}

function moveMyself2(e:MouseEvent):void{
    obj1.y += 30;
}

我不想为每个对象添加一个事件侦听器，那么我将有 40 个方法！有没有办法编写静态方法以便我可以用于所有对象？

我意识到物体上下移动得太快了。如果你尝试将鼠标放在 obj 的底端，你会看到它快速地上下跳动。有什么方法可以控制 obj 的速度吗？

我想要一些对象，用户可以将鼠标悬停在其中并发现下面的宝藏。用户也可以点击宝藏。我从一个游戏中得到了这个想法。当用户将鼠标移开后，该对象将回落到同一位置。如果物体移动太快，用户就无法点击里面的宝藏。关于如何解决运动问题有什么想法吗？

更新

var elements : Array = new Array();
var elements2 : Array = new Array();

for (var i:int = 1; i <= 5; i++) {
    elements[i] = this['obj' + i];
    elements2[i] = this['tracking' + i];
}

for each(var element_1 : IEventDispatcher in elements){
    element_1.addEventListener(MouseEvent.MOUSE_OVER, moveUp);  
}

for each(var element_2 : IEventDispatcher in elements2){
    element_2.addEventListener(MouseEvent.MOUSE_OUT, moveDown);
}

function moveUp(e:MouseEvent):void{
     e.currentTarget.y -= 30;
}

function moveDown(e:MouseEvent):void{
     elements[elements2.indexOf(e.currentTarget)].y += 30;
}

上面是我更新的代码，我尝试了理查德的建议，但似乎对象上下移动超出了我的控制范围。

Answer 1

您不需要为每个对象编写函数，因为您可以将正在侦听事件的对象引用为事件的“目标”，因此：

function moveUp(e:MouseEvent):void
{
    e.currentTarget.y -= 30;
}

function moveDown(e:MouseEvent):void
{
    e.currentTarget.y += 30;
}

此外，您看到对象上下移动的原因确实如此快速是因为当您更改对象的位置时，鼠标不再位于对象内部，因此 MOUSE_OUT 事件触发，然后您再次将对象的位置更改为鼠标所在的位置并触发 MOUSE_OVER 事件，依此类推。轨迹将是：

对象位于 y=5（例如）。将鼠标移到上方（鼠标位于 y=5）。 MOUSE_OVER 事件触发 ->物体向上移动 (y=35) -> MOUSE_OUT 事件触发 ->物体向下移动 (y=5) ->由于鼠标仍位于 y=5，因此会触发 MOUSE_OVER 事件 ->冲洗并重复。

请记住，当您设置对象的 y 时，您并不是在创建运动动画，而是将其“远程传送”到该位置。

Answer 2

您可以将对象放入数组中，并将对象从事件处理程序传递到应用逻辑的方法：

var elements : Array = [obj1, obj2, obj3, obj4];

for each(var element : IEventDispatcher in elements)
{
    element.addEventListener(MouseEvent.MOUSE_OVER, function(e:Event) { moveUp(this); } );
    element.addEventListener(MouseEvent.MOUSE_OUT, function(e:Event) { moveDown(this); });
}

function moveUp(element : UIElement)
{
    element.y += 30;
}

function moveDown(element : UIElement)
{
    element.y -= 30;
}

就移动速度而言，也许您可​​以触发动画？

Answer 3

将您想要侦听的所有剪辑添加到容器中：

var container:Sprite = new Sprite;
addChild(container);
// rinse and repeat:
container.addChild(objN);

然后将事件侦听器添加到该容器中：

container.addEventListener(MouseEvent.MOUSE_OVER, handleContainerMouseOver } );
container.addEventListener(MouseEvent.MOUSE_OUT, handleContainerMouseOut });

function handleContainerMouseOver(e:MouseEvent):void{
    e.target.y -= 30;
}

function handleContainerMouseOut(e:MouseEvent):void{
    e.target.y += 30;
}

作为奖励：如果您有那么多按顺序命名的对象，您可以像这样：

for (var i:int = 0; i <= 20; i++) {
    container.addChild(this['obj' + i]);
}

this['obj' + i ] 将解析为 obj1、obj2 等。