通过实例学习AS3.0—案例一熟悉新的事件机制和addChild的运用

案例1：熟悉新的事件机制和addChild的运用

说明：拖动小人到滑板上，然后拖动滑板，可以发现小人已经跟滑板粘在了一起。
演示：http://www.live-my-life-with-yuyi.com/as3_cases/changing_parents/

代码：

boarder_mc.addEventListener(MouseEvent.MOUSE_DOWN, drag);
boarder_mc.addEventListener(MouseEvent.MOUSE_UP, drop);
red_mc.addEventListener(MouseEvent.MOUSE_DOWN, drag);
red_mc.addEventListener(MouseEvent.MOUSE_UP, drop);
blue_mc.addEventListener(MouseEvent.MOUSE_DOWN, drag);
blue_mc.addEventListener(MouseEvent.MOUSE_UP, drop);

AS3采用了新的监听机制，而且注意到对每个mc的鼠标按下弹起都使用了相同的函数，这就需要在函数里判断事件的发生者，从而做出相应的处理。

function drag(event:MouseEvent):void
{
    if(event.target.name == "boarder_mc")
    {
        addChild(boarder_mc);
        event.target.startDrag(true);
        boarder_mc.x = mouseX;
        boarder_mc.y = mouseY;
    }
    else
    {
    event.target.startDrag();
    }
}

通过event.target.name来取得事件发生的对象名，AS3里没有了root，addChild相当于把某个mc搬到了舞台上，其实是TimeLine0.addChild(mc)，同时保证该mc是在舞台的最顶层（AS3里没有了深度管理）。
通过event.target来获取事件发生的对象

接着来看drop函数

function drop(event:MouseEvent):void
{
    event.target.stopDrag();
    if(boarder_mc.hitTestObject(red_mc))
    {
        red_mc.addChild(boarder_mc);
        boarder_mc.x = 0;
        boarder_mc.y = 0;
    }
    else if(boarder_mc.hitTestObject(blue_mc))
    {
        blue_mc.addChild(boarder_mc);
        boarder_mc.x = 0;
        boarder_mc.y = 0;
    }
}

当鼠标弹起时，啥也不管，先停止拖动，如果小人和滑板有重合区域，则将小人放到滑板里，滑板就像一个container，boarder_mc成了red_mc的child，将boarder_mc的x坐标和y坐标清零是为了将小人放到滑板的正确位置。

如果小人已经成为了滑板的child，那么再次拖动滑板时，由于又执行了一次addChild(boarder_mc);所以滑板的父类又变成了舞台。

整个案例1的分析到此结束，涉及的知识点不多，主要是熟悉一下AS3的语法。

源文件下载