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