3

我想要一些对象（例如其中的 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 的底端，您会看到它非常快速地向上跳跃。有什么办法可以控制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;
}

以上是我更新的代码，我尝试了 Richard 的建议，但似乎对象上下移动超出了我的控制。

4

3 回答 3

6

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

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 时，您不是在创建移动动画，而是将其“远程传输”到该位置。

于 2009-12-15T08:27:02.067 回答
3

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

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;
}

至于移动速度，也许您可​​以触发动画？

于 2009-12-15T07:38:47.810 回答
1

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

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 等。

于 2009-12-15T12:43:26.027 回答