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旁边的设置,在最下面的classpath里,引入classes的文件夹的路径,然后点击确定,前期工作就准备完了。

代码:

源文件里的代码很简单:

代码如下:

import todd.interactive.ButtonSet; 
var buttons:ButtonSet = new ButtonSet(); 
buttons.addButtons([one_mc,two_mc,three_mc,four_mc]); 
addChild(buttons);

导入ButtonSet类,实例化,然后调用里面的一个方法,最后将它放到舞台上。

classes文件夹下面的todd->interactive文件夹里有两个as文件,其中一个就是刚刚调用的ButtonSet,来看看ButtonSet的源码:

代码如下:

package todd.interactive 

    //其实只需载入display和events就可以了,不过多载入几个并不影响文件大小和效率 
    import flash.display.*; 
    import flash.events.*; 
    import flash.filters.*; 
    import flash.net.*; 
    import flash.geom.*; 
    import flash.ui.*; 
    import flash.utils.*; 
    import fl.transitions.*; 
    import fl.transitions.easing.*;

public class ButtonSet extends MovieClip 
    { 
        public var buttons:Array;

public function ButtonSet() 
        {

}

public function addButtons(buttonSet:Array):void 
        { 
            buttons = buttonSet; 
            for(var i:int = 0; i < buttons.length; i++) 
            { 
                addChild(buttons[i]); 
            } 
        } 
    } 
}

一个类应该被放在一个package里面,就像钱应该被放到钱包里一样。package后面定义的是该类的路径。然后一系列常用的类。
定义了一个全局变量buttons,在变量前面加一个public就可以了。这样就能在整个类中被访问到。
类名应该和文件名一样(区分大小写),然后定义一个同名函数,这个函数会在类被初始化时调用,就像php4的类一样。这里只是搭了个架子,没有具体内容。
然后定义了一个函数addButtons,它的作用就是将一些mc或者sprites放到自己的container里(addChild)。
还有一个类:DisablingButton,也是位于todd->interactive文件夹下,这也是这个案例的核心。对了,之前已经将RectButton的linkage里的baseClass设置为todd.interactive.DisablingButton。

代码稍微有点长,且听我细细道来


代码如下:

package todd.interactive{ 
    import flash.display.*; 
    import flash.events.*; 
    import todd.interactive.ButtonSet; 
    public class DisablingButton extends MovieClip { 
        var labels:Array; 
        var thisParent:*; 
        var thisIndex:int; 
        public function DisablingButton() { 
            labels = this.currentLabels; 
            this.addEventListener(MouseEvent.CLICK, disableButton); 
            this.addEventListener(MouseEvent.ROLL_OVER, over); 
            this.addEventListener(MouseEvent.ROLL_OUT, out); 
            this.addEventListener(Event.ADDED,setParent); 
        } 
        function disableButton(event:MouseEvent):void { 
            for (var i:int = 0; i < labels.length; i++) { 
                if (labels[i].name == "disable") { 
                    this.gotoAndPlay("disable"); 
                } 
            } 
            this.removeEventListener(MouseEvent.CLICK, disableButton); 
            this.removeEventListener(MouseEvent.ROLL_OVER, over); 
            this.removeEventListener(MouseEvent.ROLL_OUT, out); 
            enableOthers(); 
        } 
        function enableButton():void { 
            this.addEventListener(MouseEvent.CLICK, disableButton); 
            this.addEventListener(MouseEvent.ROLL_OVER, over); 
            this.addEventListener(MouseEvent.ROLL_OUT, out); 
            this.gotoAndStop(1); 
        } 
        function over(event:MouseEvent):void { 
            for (var j:int = 0; j < labels.length; j++) { 
                if (labels[j].name == "over") { 
                    this.gotoAndPlay("over"); 
                } 
            } 
        } 
        function out(event:MouseEvent):void { 
            for (var k:int = 0; k < labels.length; k++) { 
                if (labels[k].name == "out") { 
                    this.gotoAndPlay("out"); 
                } 
            } 
        } 
        function setParent(event:Event):void { 
            if (this.parent is ButtonSet) { 
                thisParent=this.parent; 
                for (var w:int=0; w < thisParent.buttons.length; w++) { 
                    if (this == thisParent.buttons[w]) { 
                        thisIndex=w; 
                    } 
                } 
            } 
        } 
        function enableOthers():void { 
            for (var z:int=0; z < thisParent.buttons.length; z++) { 
                if (z != thisIndex) { 
                    thisParent.buttons[z].enableButton(); 
                } 
            } 
        } 
    } 
}

载入了两个常用类后,又载入了刚刚定义的ButtonSet类,这样我们就能使用ButtonSet的一些方法了。

注意:这个类必须继承Movieclip类,因为该类的对象是一个mc。
然后定义了一些全局变量(默认均为public)。
创建析构函数DisablingButton,labels = this.currentLabels; 这句话的意思是取得当前mc的label属性,以array的形式返回,包含了label.frame,label.name等等的属性。
然后监听自己的鼠标点击、移入、移出事件。
this.addEventListener(Event.ADDED,setParent);这句话的意思是当自己被添加进一个容器时调用setParent函数。
disableButton这个函数作用是,将当前mc的状态变成disabled,然后取消监听事件,同时激活其他的按钮。
enableButton函数的作用就是激活自己的监听事件,并初始化自己的状态。
over和out函数很简单,就是设置自己当前的状态。
setParent函数的最终目的是捕获点击事件发生在哪个mc上(gotoAndPlay方法将触发EVENT.ADDED,所以over和out函数都将触发setParent函数,这也是一个待改进的地方)。
enableOthers函数顾名思义,激活其他的按钮。因为setParent已经记住了,最后的点击事件发生在哪个mc上,所以只要遍历一下buttons,然后激活其他的mc就可以了。

案例分析完毕。
打包文件

(0)

相关推荐

  • 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实例学习 熟悉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实例学习 熟悉新的事件机制和addChild的运用

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

  • 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.

  • As3.0 xml + Loader应用代码

    AS2.0对XML的支持不是内建的(build-in),也并非基于ECMAScript for XML(E4X)标准.而AS3.0中对XML的支持符合E4X标准,它的设计有三个优点:  1. 简易.包括操作和可读性.你会发现AS3.0中对于XML的操作犹如对一个普通Object对象一样浅显易懂.语句非常浅白流畅.  2. 连续性.其各个功能的设计和AS3.0其余的部分思想一致,易于理解.  3. 熟悉.操作符和操作逻辑对我们来说都相当熟悉易用.  在AS2.0时代,为了解决这部分的问题 效率. 

  • vue2.0组件之间传值、通信的多种方式(干货)

    Vue中组件这个特性让不少前端er非常喜欢,我自己也是其中之一,它让前端的组件式开发更加合理和简单.这次我们就来聊一聊vue2.0组件之间传值.通信的多种方式. 一.通过路由带参数进行传值 ①两个组件 A和B,A组件通过query把orderId传递给B组件(触发事件可以是点击事件.钩子函数等) this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳转到B ②在B组件中获取A组件传递过来的参数 this.

  • AS3.0 通过类来实现一个gallery

    通过类来实现一个gallery 说明:一个比较简单的相册,通过类来实现. 演示:http://www.live-my-life-with-yuyi.com/as3_cases/gallery_class/ 准备工作:打开源文件class_final.fla,点击属性里的发布设置,点击Actionscript3旁边的设置,在最下面的classpath里,引入classes_final的文件夹的路径,然后点击确定,前期工作就准备完了. 代码: 唯一的一个类文件:ImageGallery.as 复制代

  • 分析mysql中一条SQL查询语句是如何执行的

    目录 一.MySQL 逻辑架构概览 二.连接器(Connector) 三.查询缓存(Query Cache) 四.解析器(Parser) 五.优化器(Optimizer) 六.执行器 七.小结 一.MySQL 逻辑架构概览 MySQL 最重要.最与众不同的特性就是它的可插拔存储引擎架构(pluggable storage engine architecture),这种架构的设计将查询处理及其他系统任务和数据的存储/提取分离开来.来看官网的解释: The MySQL pluggable stora

随机推荐