AS3.0實例學習熟悉新的事件機制和addChild的運用

2024-09-12 17:50:53

字體：大中小

來源：轉載

供稿：網友

首先聲明：本人大菜鳥一個，剛接觸AS3不久，許多理念還沒來得及灌輸，這些case都是從網上down的，但因為解說是英文的，不利我們學習，我就充當一個translater，順便可以讓自己鞏固一下知識。水平有限，錯誤難免，歡迎大蝦小蝦，大鳥小鳥指正。

下面進入正題：

案例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的語法。
打包下載

上一篇：完整簡潔 Flash 處理XML 文檔數據教程下篇

下一篇：AS3.0 實例學習熟悉addChild和removeChild在不同的swf之間的運用，以及loader的用法