AS3.0实例学习 熟悉新的事件机制和addChild的运用

首先声明:本人大菜鸟一个,刚接触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的语法。
打包下载

(0)

相关推荐

  • AS3.0实例学习 熟悉新的事件机制和addChild的运用

    首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识. 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正. 下面进入正题: 案例1:熟悉新的事件机制和addChild的运用 说明:拖动小人到滑板上,然后拖动滑板,可以发现小人已经跟滑板粘在了一起. 演示:http://www.live-my-life-with-yuyi.com/as3_cases/chan

  • AS3.0实例学习 熟悉xml的运用

    案例4:熟悉xml的运用 说明:一个简单的相册,先载入xml,然后载入xml列表里的images缩略图,点击缩略图出现大图以及大图的说明.这个案例较前面几个复杂了一些,不过如果熟悉了AS3的语法,还是比较容易理解的. 演示:http://www.live-my-life-with-yuyi.com/as3_cases/gallery_tween/ 代码: 复制代码 代码如下: import fl.transitions.Tween;  import fl.transitions.easing.*

  • AS3.0 实例学习 熟悉AS3的package,以及多个package之间的相互通信

    熟悉AS3的package,以及多个package之间的相互通信 说明:一个很简单的demo,有4个按钮,当鼠标划过和移开时会呈现出不同的状态,单击后变成disabled,再点击其他的按钮时,之前disabled的按钮恢复,被点击的按钮失效. 演示:http://www.live-my-life-with-yuyi.com/as3_cases/communicating/ 准备工作:打开源文件communicating_final.fla,点击属性里的发布设置,点击Actionscript3旁边

  • AS3.0  实例学习 熟悉AS3的package,以及多个package之间的相互通信

    熟悉AS3的package,以及多个package之间的相互通信 说明:一个很简单的demo,有4个按钮,当鼠标划过和移开时会呈现出不同的状态,单击后变成disabled,再点击其他的按钮时,之前disabled的按钮恢复,被点击的按钮失效. 演示:http://www.live-my-life-with-yuyi.com/as3_cases/communicating/ 准备工作:打开源文件communicating_final.fla,点击属性里的发布设置,点击Actionscript3旁边

  • AS3.0 实例学习 熟悉addChild和removeChild在不同的swf之间的运用,以及loader的用法

    案例2:熟悉addChild和removeChild在不同的swf之间的运用,以及loader的用法 说明:点击picture会载入另一个swf,点击载入的swf上的一个按钮,该swf消失. 演示:http://www.live-my-life-with-yuyi.com/as3_cases/different_movies/ 代码: swfA(也就是按钮所在的flash) 复制代码 代码如下: var loader:Loader = new Loader();  loader.load(new

  • AS3.0 实例学习 熟悉tween以及tweenEvent的运用

    案例3:熟悉tween以及tweenEvent的运用 说明:点击标签载入特定的图片说明(其实是一个mc,只是坐标不同),同时还有渐隐渐现效果,没做loading,可能载入会有点慢. 演示: http://www.live-my-life-with-yuyi.com/as3_cases/dynamic_with_events/ 代码: 初始化,给一些变量赋值 复制代码 代码如下: import fl.transitions.Tween;  import fl.transitions.easing.

  • vue源码解析之事件机制原理

    上一章没什么经验.直接写了组件机制.感觉涉及到的东西非常的多,不是很方便讲.今天看了下vue的关于事件的机制.有一些些体会.写出来.大家一起纠正,分享.源码都是基于最新的Vue.js v2.3.0.下面我们来看看vue中的事件机制: 老样子还是先上一段贯穿全局的代码,常见的事件机制demo都会包含在这段代码中: <div id="app"> <div id="test1" @click="click1">click1<

  • Gird事件机制初级读本

    原文地址 文章日期:2006/09/25/ 新版.32 的YUI-EXT包含了GIRD事件机制的重要升级.许多新事件现在可以用了,监听事件的机制也改变了(尽管它仍然向后兼容). 侦听事件的方法 鉴于 YAHOO.util.CustomEvent只提供简单的访问,Grid和相关的对象扩展了新的方法来侦听事件,这些事件你应该是熟悉的.它们是: addListener(eventName, fn, scope, override) - "eventName" should be one of

  • 深入解析PHP的Yii框架中的event事件机制

    事件 事件可以将自定义代码"注入"到现有代码中的特定执行点.附加自定义代码到某个事件,当这个事件被触发时,这些代码就会自动执行.例如,邮件程序对象成功发出消息时可触发 messageSent 事件.如想追踪成功发送的消息,可以附加相应追踪代码到messageSent 事件. Yii 引入了名为 yii\base\Component 的基类以支持事件.如果一个类需要触发事件就应该继承 yii\base\Component 或其子类. Yii的event机制 YII的事件机制,是其比较独特

  • 利用Javascript实现一套自定义事件机制

    前言 事件机制为我们的web开发提供了极大的方便,使得我们能在任意时候指定在什么操作时做什么操作.执行什么样的代码. 如点击事件,用户点击时触发:keydown.keyup事件,键盘按下.键盘弹起时触发:还有上传控件中,文件加入前事件,上传完成后事件. 由于在恰当的时机会有相应的事件触发,我们能为这些事件指定相应的处理函数,就能在原本的流程中插入各种各样的个性化操作和处理,使得整个流程变得更加丰富. 诸如click.blur.focus等事件是原本的dom就直接提供的原生事件,而我们使用的一些其

随机推荐