如何使用ActionScript 3.0创建阻力/删除?多个项目被拖到多个目标

Question

我在Adobe Animate中创建了一个交互式纸娃娃，并且使Drag Drop Drove Feature工作遇到了一些麻烦。我有多个衣服，需要将其拖到同一区域。例如，我可能有4种不同的衬衫选项。我从两连衣裙（黄色dress_mc＆amp; blue dress_mc）开始。黄色的连衣裙正常工作，但是蓝色连衣裙无法正常工作，我可以拖动它，但不要将其拖放。有什么建议吗？

这是我现在拥有的代码：

var objectoriginalX:Number;
var objectoriginalY:Number;
flower_mc.buttonMode = true;
flower_mc.addEventListener(MouseEvent.MOUSE_DOWN, pickupObject);
flower_mc.addEventListener(MouseEvent.MOUSE_UP, dropObject);
yellowdress_mc.buttonMode = true;
yellowdress_mc.addEventListener(MouseEvent.MOUSE_DOWN, pickupObject);
yellowdress_mc.addEventListener(MouseEvent.MOUSE_UP, dropObject);
bluedress_mc.buttonMode = true;
bluedress_mc.addEventListener(MouseEvent.MOUSE_DOWN, pickupObject);
bluedress_mc.addEventListener(MouseEvent.MOUSE_UP, dropObject);
function pickupObject(event:MouseEvent):void {
event.target.startDrag(true);
event.target.parent.addChild(event.target);
objectoriginalX = event.target.x;
objectoriginalY = event.target.y;
}
function dropObject(event:MouseEvent):void {
event.target.stopDrag();
var matchingTargetName:String = "target" + event.target.name;
var matchingTarget:DisplayObject = getChildByName(matchingTargetName);
if (event.target.dropTarget != null && event.target.dropTarget.parent == 
matchingTarget){
event.target.removeEventListener(MouseEvent.MOUSE_DOWN, pickupObject);
event.target.removeEventListener(MouseEvent.MOUSE_UP, dropObject);
event.target.buttonMode = false;
event.target.x = matchingTarget.x;
event.target.y = matchingTarget.y;
} else {
event.target.x = objectoriginalX;
event.target.y = objectoriginalY;
}
}

Answer 1

我建议不要在拖动对象上使用鼠标_UP。它可能在少数情况下失败。另外，将拖动的对象带到前面是一个好主意。

var Drugs:Array = [flower_mc, yellowdress_mc, bluedress_mc];
for each (var aDrag:MovieClip in Drugs)
{
    aDrag.buttonMode = true;
    aDrag.useHandCursor = true;
    aDrag.addEventListener(MouseEvent.MOUSE_DOWN, dragObject);
}
var orig:Point;
var drag:MovieClip;
function dragObject(e:MouseEvent):void
{
    drag = e.currentTarget as MovieClip;
    orig = new Point(drag.x, drag.y);
    // Bring to front and start drag.
    drag.parent.setChildIndex(drag, drag.parent.numChildren - 1);
    drag.startDrag();
    // Handle drop cases.
    stage.addEventListener(Event.MOUSE_LEAVE, dropObject);
    stage.addEventListener(MouseEvent.MOUSE_UP, dropObject);
}
function dropObject(e:Event):void
{
    // Stop handling drop cases.
    stage.removeEventListener(Event.MOUSE_LEAVE, dropObject);
    stage.removeEventListener(MouseEvent.MOUSE_UP, dropObject);
    // This event goes from stage so we will work
    // with the "drag" reference saved earlier.
    // Sanity check in case something went wrong
    // and the reference is empty.
    if (!drag) return;
    drag.stopDrag();
    var aMatch:DisplayObject = getChildByName("target" + drag.name);
    var aTarget:DisplayObject = drag['dropTarget'];
    // This is your condition so I leave it as is.
    if ((aTarget !== null) && (aTarget.parent == aMatch))
    {
        drag.x = aMatch.x;
        drag.y = aMatch.y;
        drag.buttonMode = false;
        drag.useHandCursor = false;
        drag.removeEventListener(MouseEvent.MOUSE_DOWN, dragObject);
    }
    else
    {
        drag.x = orig.x;
        drag.y = orig.y;
    }
    // Clean up.
    drag = null;
    orig = null;
}