手机
当前位置:查字典教程网 >网页设计 >Flash教程 >AS3.0实例学习 熟悉新的事件机制和addChild的运用
AS3.0实例学习 熟悉新的事件机制和addChild的运用
摘要:首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就...

首先声明:本人大菜鸟一个,刚接触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的鼠标按下弹起都使用了相同的函数,这就需要在函数里判断事件的发生者,从而做出相应的处理。

复制代码 代码如下:

functiondrag(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函数

复制代码 代码如下:

functiondrop(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;

}

elseif(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的语法。

打包下载

【AS3.0实例学习 熟悉新的事件机制和addChild的运用】相关文章:

Flash鼠绘机器猫的绘制过程

Flash AS3.0 实例教程 喷泉动画特效

Flash制作晶莹剔透的沙漏反转动画

通过实例学习flash AS3.0——案例二

flash动画制作:元件和元件的创建技巧介绍

怎么创建flash元件?flash图形元件快速制作方法

Flash动画制作实例:扇子自动打开动画

Flash AS3实例:制作有音乐的七彩小球动画

Flash AS3实例教程:快速制作烟雾动画

ActionScript使用正则表达式示例

精品推荐
分类导航