Flash/Flex学习笔记(34):AS3中的自定义事件

简介: 类似C#中自定义事件需要一个自定义的EventArgs子类一样,AS3也需要开发者自定义一个Event类的子类,这里我们假设一种场景:设计一个Person(人物)类,里面有Age(年龄),Name(姓名),我们希望每当Person类的实例Age(年纪)发生变化时,能触发一些自定义事件,从而调用某些特定的处理方法。

类似C#中自定义事件需要一个自定义的EventArgs子类一样,AS3也需要开发者自定义一个Event类的子类,这里我们假设一种场景:设计一个Person(人物)类,里面有Age(年龄),Name(姓名),我们希望每当Person类的实例Age(年纪)发生变化时,能触发一些自定义事件,从而调用某些特定的处理方法。

1.先设计Event类的子类AgeChangeEvent

package {

	import flash.events.Event;

	public class AgeChangeEvent extends Event {
		
		public static const AGE_OUT_OF_RANGE:String="AGE_OUT_OF_RANGE";
		public static const AGE_CHANGE:String="AGE_CHANGE";
		
		public function AgeChangeEvent(eventType:String){
			super(eventType);
		}
	}
}

这里我们定义了二类事件:年龄变化(AGE_CHANGE)、年龄超出范围(AGE_OUT_OF_RANGE)

2.再来设计Person类

package {

	import flash.display.Sprite;
	
	public class Person extends Sprite {

		private var _age:uint;

		private var _personName:String;

		public function Person(personName:String,age:uint) {
			this._age=age;
			this._personName=personName;
		}
		
		//将_age封装成属性
		public function get Age():uint{
			return _age;
		}
		
		//Age属性的setter方法(在这里加入事件派发处理)
		public function set Age(age:uint):void{
			
			if (age!=this._age){
				var _ageChangeEvent1:AgeChangeEvent = new AgeChangeEvent(AgeChangeEvent.AGE_CHANGE);				
				dispatchEvent(_ageChangeEvent1);//触发Age改变事件
			}
			
			if (age>=120){
				var _ageChangeEvent2:AgeChangeEvent = new AgeChangeEvent(AgeChangeEvent.AGE_OUT_OF_RANGE);				
				dispatchEvent(_ageChangeEvent2);//触发Age超过正常范围事件
			}
			
			this._age = age;
			
		}		
		
		//覆盖父类的toString方法
		public override function toString():String{
			return "“" + this._personName + "”童鞋一晃今年都已经“" + this._age + "”岁了,真是岁月不饶人啊.";
		}

	}
}

注意这里的dispatchEvent处理部分,先定义一个事件(参数)对象,然后派发事件.(类似C#中的委托/事件机制,Person类并不知道最终Peson的使用者将如何处理这二个事件,但只要遵守约定就能正确调用开发者执行的处理方法)

3.测试刚才的事件,新建一个Flash File(ActionScript3.0)的fla文件,在第一帧写入以下测试代码 :

var jimmy:Person = new Person("菩提树下的杨过",30);
trace(jimmy.toString());

jimmy.Age = 31;//现在还没注册任何事件,所以啥也不会触发

//注册事件
jimmy.addEventListener(AgeChangeEvent.AGE_CHANGE,AgeChangeHandler);

function AgeChangeHandler(e:AgeChangeEvent):void{
	trace("注意:这家伙年龄改了!");
}

jimmy.Age = 32; //现在改变年龄时,将触发AgeChangeHandler事件

jimmy.Age = 150; //将再次触发AgeChangeHandler事件

//再注册一个事件
jimmy.addEventListener(AgeChangeEvent.AGE_OUT_OF_RANGE,AgeOutOfRangeHandler);

function AgeOutOfRangeHandler(e:AgeChangeEvent):void{
	trace("注意:这老家伙居然说自己年龄超过120岁了!");
}

jimmy.Age = 149;//将同时触发AGE_CHANGE与AGE_OUT_OF_RANGE事件

建议大家先猜猜结果,动手实践一下,再看下面的输出结果:

“菩提树下的杨过”童鞋一晃今年都已经“30”岁了,真是岁月不饶人啊.
注意:这家伙年龄改了!
注意:这家伙年龄改了!
注意:这家伙年龄改了!
注意:这老家伙居然说自己年龄超过120岁了!

有时候,我们还希望AgeChangeEvent参数还能附带一些额外信息,这个也难不倒AS,把AgeChangeEvent改造一下(注意新增部分):

package {

	import flash.events.Event;

	public class AgeChangeEvent extends Event {
		
		public static const AGE_OUT_OF_RANGE:String="AGE_OUT_OF_RANGE";
		public static const AGE_CHANGE:String="AGE_CHANGE";
		
		//新增部分
		private var _OldAge:uint,_NewAge:uint;
		
		public function AgeChangeEvent(eventType:String,oldAge:uint,newAge:uint){
			this._OldAge = oldAge;
			this._NewAge = newAge;
			super(eventType);
		}
		
		public function get OldAge():uint{
			return _OldAge;
		}
		
		public function get NewAge():uint{
			return _NewAge;
		}
	}
}

Person类里Age的setter部分也要改一下:

//Age属性的setter方法(在这里加入事件派发处理)
		public function set Age(age:uint):void{
			
			if (age!=this._age){
				var _ageChangeEvent1:AgeChangeEvent = new AgeChangeEvent(AgeChangeEvent.AGE_CHANGE,this._age,age);				
				dispatchEvent(_ageChangeEvent1);//触发Age改变事件
			}
			
			if (age>=120){
				var _ageChangeEvent2:AgeChangeEvent = new AgeChangeEvent(AgeChangeEvent.AGE_OUT_OF_RANGE,this._age,age);				
				dispatchEvent(_ageChangeEvent2);//触发Age超过正常范围事件
			}
			
			this._age = age;
			
		}		

测试fla中的代码稍加改动:

var jimmy:Person = new Person("菩提树下的杨过",30);
trace(jimmy.toString());

jimmy.Age = 31;//现在还没注册任何事件,所以啥也不会触发

//注册事件
jimmy.addEventListener(AgeChangeEvent.AGE_CHANGE,AgeChangeHandler);

function AgeChangeHandler(e:AgeChangeEvent):void{
	trace("注意:这家伙年龄从" + e.OldAge +"改成" + e.NewAge + "了!");
}

jimmy.Age = 32; //现在改变年龄时,将触发AgeChangeHandler事件

jimmy.Age = 150; //将再次触发AgeChangeHandler事件

//再注册一个事件
jimmy.addEventListener(AgeChangeEvent.AGE_OUT_OF_RANGE,AgeOutOfRangeHandler);

function AgeOutOfRangeHandler(e:AgeChangeEvent):void{
	trace("注意:这老家伙居然说自己年龄超过120岁,现在已经有" + e.NewAge + "了!");
}

jimmy.Age = 149;//将同时触发AGE_CHANGE与AGE_OUT_OF_RANGE事件

新的输出结果:

“菩提树下的杨过”童鞋一晃今年都已经“30”岁了,真是岁月不饶人啊.
注意:这家伙年龄从31改成32了!
注意:这家伙年龄从32改成150了!
注意:这家伙年龄从150改成149了!
注意:这老家伙居然说自己年龄超过120岁,现在已经有149了!

后记:自定义事件可以广泛应用于很多场景,比如我们可以自己做一个控制滑块MovieClip,里面定义一个ValueChange事件,其它需要的地方(比如音量大小控制,对象Alpha值控制,对象大小控制...),只要定义自己的处理函数,然后注册到该事件即可

源代码:http://files.cnblogs.com/yjmyzz/as3_custom_events.rar

 

最后做为对比和复习,贴出C#版的自定义事件:

AgeChangeEventArgs类

using System;

namespace EventDemo
{
    public class AgeChangeEventArgs:EventArgs
    {
        private uint _oldAge;
        private uint _newAge;

        public AgeChangeEventArgs(uint oldAge, uint newAge) 
        {
            this._oldAge = oldAge;
            this._newAge = newAge;
        }

        public uint OldAge { get { return _oldAge; } }

        public uint NewAge { get { return _newAge; } }
    }
}

Person类

namespace EventDemo
{
    public class Person
    {
        public delegate void AgeChangeEventHandler(object sender, AgeChangeEventArgs e);

        public event AgeChangeEventHandler AgeChangeEvent;
        public event AgeChangeEventHandler AgeOutOfRangeEvent;

        private uint _age;
        private string _name;

        public uint Age
        {
            get { return Age; }
            set
            {
                if (value != _age)
                {
                    if (AgeChangeEvent != null)
                    {
                        AgeChangeEvent(this, new AgeChangeEventArgs(_age, value));
                    }
                }

                if (value >= 120)
                {
                    if (AgeOutOfRangeEvent != null)
                    {
                        AgeOutOfRangeEvent(this, new AgeChangeEventArgs(_age, value));
                    }
                }

                _age = value;
            }
        }

        public string Name
        {
            get { return _name; }
            set
            {

                _name = value;
            }
        }

        public Person(string pName, uint pAge)
        {
            this._age = pAge;
            this._name = pName;
        }

        public override string ToString()
        {
            return "“" + this._name + "”今年已经“" + this._age + "”岁了!";
        }
    }
}

测试程序:

using System;

namespace EventDemo
{
    class Program
    {
        static void Main(string[] args)
        {
            Person p = new Person("菩提树下的杨过", 30);

            Console.WriteLine(p.ToString());

            p.Age = 31;

            p.AgeChangeEvent += new Person.AgeChangeEventHandler(p_AgeChangeEvent);

            p.Age = 32;

            p.AgeOutOfRangeEvent += new Person.AgeChangeEventHandler(p_AgeOutOfRangeEvent);

            p.Age = 150;

            Console.ReadKey();
        }

        static void p_AgeOutOfRangeEvent(object sender, AgeChangeEventArgs e)
        {
            Console.WriteLine("天啊,这家伙的年龄居然已经达到" + e.NewAge + "岁了!");
        }

        static void p_AgeChangeEvent(object sender, AgeChangeEventArgs e)
        {
            Console.WriteLine("注意:这家伙的年龄从" + e.OldAge + "岁改成了" + e.NewAge + "岁!");
        }
    }
}


目录
相关文章
|
12月前
|
图形学
|
iOS开发
iOS - 用Masonry封装的slider,完全支持Masonry的适配
iOS - 用Masonry封装的slider,完全支持Masonry的适配
113 0
|
内存技术 分布式计算 Spark
flash/flex 之 自定义MXML组件
1. 新建 mxml组件 代码如下                         [Bindable]            private var textstr:String = "字符串按钮";            public function set BTNtext(par_...
986 0
|
内存技术
Flash/Flex学习笔记(47):反向运动学(上)
先回顾上篇所说的"正向运动学":以人行走的例子来说,基本上可以理解为大腿驱动小腿,小腿驱动脚,从而引发的一系列姿态调整和运动。再举一个例子,我们用着拿一根软鞭或链条的一端挥舞,被手挥舞的这一端会把"能量"向另一端传递(即固定端驱动紧接的部分,而紧接的部分又驱动下一段紧接的部分),从而使整个系统也随之运动.
720 0
|
内存技术
Flash/Flex学习笔记(48):反向运动学(下)
先要复习一下三角函数与余弦定理: 对于直角三角形,三边长a,b,c与三个角A,B,C的关系如下: 正弦函数: 余弦函数: 正切函数: 反正切函数:(好象现在的教科书里改叫“余切”函数)   或 勾股定律:   但对于不是直角的三角形,就必须用余弦定律来处理了...
935 0
|
索引 容器 内存技术
Flash/Flex学习笔记(52):使用TweenLite
TweenLite是第三方出品的专用于各种缓动动画的类库,其性能据说已经超过了Adobe官方的Tween. 从网上找到了一篇中文的说明文档:http://files.cnblogs.com/yjmyzz/tweenLite%e4%b8%ad%e6%96%87%e6%89%8b%e5%86%8c%e4%b8%8e%e5%8f%82%e6%95%b0%e8%af%b4%e6%98%8e.
934 0
|
Java 索引 内存技术
Flash/Flex学习笔记(49):3D基础
之前我们所做的动画都是基于x,y二维坐标轴的,在三维动画中我们还需要增加一个垂直于屏幕“向里”或“向外”的Z轴,那么z轴到底是应该向外,还是向里呢?这个其实无所谓,不过为了统一,习惯上通常把z轴约定为向里,即所谓的“右手坐标系” 右手坐标系的得名:伸出右手,让食指、中指、大拇指相互垂直;然后 食指指向x轴正向,中指指向y轴正向,则大拇指所指方向即为z轴正向。
834 0
|
内存技术
Flash/Flex学习笔记(31):对象拖拽与投掷
对象拖拽: 这其实就是以前所学知识:Flash/Flex学习笔记(13):对象拖动(startDrag/stopDrag) + Flash/Flex学习笔记(23):运动学原理 的综合运用,要提一下的是下面代码中对于EnterFrame的添加与移除操作 package { import flash.
858 0