AS3.0執行個體學習 熟悉新的事件機制和addChild的運用

來源:互聯網
上載者:User

首先聲明:本人大菜鳥一個,剛接觸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的文法。
打包下載

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.