Signals框架介绍（二）高级事件

2012-01-20 [1504] technology as3 framework signals design-pattern

注意：本文参考An introduction to AS3 Signals写成，但不是翻译，有增删改。

也许你现在又想起了AS3内置事件框架的好处，希望使用currentTarget？或者希望支持冒泡？OK，Signals也能满足你那多变的心……（貌似是我自己多变罢了ˇ^ˇ）

###高级事件

使用DeluxeSignal可以实现更高级的事件传递。还是基于闹钟的例子进行修改，将原来AlarmClock中的Signal改为DeluxSignal：

[AlarmClock.as]

 1public function AlarmClock()
 2{
 3	//将自己作为引用传递给DeluxeSignal，同时增加GenericEvent的传递
 4	alarm = new DeluxeSignal(this, GenericEvent, Date);
 5}
 6
 7public var alarm:DeluxeSignal;
 8
 9public function ring():void
10{
11	alarm.dispatch(new GenericEvent(), new Date());
12}

修改Wakeup.as中的处理器函数，让它能够接受到传递的2个参数。

[Wakeup.as]

1private function handler_ring($evt:GenericEvent, $date:Date):void
2{
3	trace('currentTarget：',$evt.currentTarget);
4	trace('target：',$evt.target);
5	trace('signal：',$evt.signal);
6	trace('起床了！！！也不看看几点了：'+$date.toString());
7}

在这里出现的GenericEvent，并非继承自flash.events.Event，而是实现了Signals自己的IEvent接口，与AS3的事件机制毫无关系。取一个貌似兄弟的名称，是为了方便大家理解罢了。它所提供的currentTarget和target属性，也是由IEvent自身提供。

运行修改后的例子，可以看到如下输出：

[trace] currentTarget： [object AlarmClock] [trace] target： [object AlarmClock] [trace] signal： [object DeluxeSignal] [trace] 起床了！！！也不看看几点了：Mon Jan 23 17:07:16 GMT+0800 2012

现在，是不是可以对currentTarget“为所欲为”了呢？

冒泡事件

Signals一样可以冒泡，而且并不依赖AS3自带的事件机制。当然，发送和接收冒泡事件的对象必须处于显示列表中。

为了让AlarmClock能够被加入显示列表，我们让AlarmClock继承Sprite。而抛出冒泡事件就非常简单，只需要在实例化GenericEvent的同时传递true参数即可。看看AlarmClock类被修改的部分吧：

[AlarmClock.as]

1public class AlarmClock extends Sprite
2{
3	public function ring():void
4	{
5		alarm.dispatch(new GenericEvent(true), new Date());
6	}
7}

接收事件的类，必须实现IBubbleEventHandler接口，在onEventBubbled中处理冒泡事件。同时，要将_alarm实例加入显示列表。

为了方便查看冒泡效果，可以将addOnce所在的一行注释掉，只接收冒泡事件。

[Wakeup.as]

 1public class Wakeup extends Sprite implements IBubbleEventHandler
 2{
 3	public function Wakeup()
 4	{
 5		_alarm  = new AlarmClock();
 6		addChild(_alarm);
 7		//_alarm.alarm.addOnce(handler_ring);
 8		_alarm.ring();
 9	}
10
11	public function onEventBubbled($evt:IEvent):Boolean
12	{
13		trace('冒泡 currentTarget：',$evt.currentTarget);
14		trace('冒泡 target：',$evt.target);
15		trace('冒泡 signal：',$evt.signal);
16		//返回false代表不再继续冒泡
17		return false;
18	}
19}

运行修改后的例子，可以看到如下输出：

[trace] 冒泡 currentTarget： [object Wakeup] [trace] 冒泡 target： [object AlarmClock] [trace] 冒泡 signal： [object DeluxeSignal]

###完整的类

[AlarmClock.as]

 1package
 2{
 3import flash.display.Sprite;
 4import org.osflash.signals.Signal;
 5import org.osflash.signals.DeluxeSignal;
 6import org.osflash.signals.events.GenericEvent;
 7 
 8/**
 9* Signals闹钟范例
10* @author Aiden Tailor(http://www.developria.com/2010/10/an-introduction-to-as3-signals.html)
11* @author zrong(zengrong.net)
12*/
13 
14public class AlarmClock extends Sprite
15{
16	public function AlarmClock()
17	{
18		alarm = new DeluxeSignal(this, GenericEvent, Date);
19	}
20 
21	public var alarm:DeluxeSignal;
22
23	public function ring():void
24	{
25		//使用冒泡的方式发布闹钟的响铃事件
26		alarm.dispatch(new GenericEvent(true), new Date());
27	}
28}
29}
30</pre>
31
32**[Wakeup.as]**
33
34<pre lang="ActionScript" line="1" coloa="+">
35package
36{
37import flash.display.Sprite;
38import org.osflash.signals.events.GenericEvent;
39import org.osflash.signals.events.IBubbleEventHandler;
40import org.osflash.signals.events.IEvent;
41 
42[SWF(width=500,height=300,frameRate=30,backgroundColor=0xFFFFFF)]
43/**
44 * 测试闹钟
45 * @author Aiden Tailor(http://www.developria.com/2010/10/an-introduction-to-as3-signals.html)
46 * @author zrong(zengrong.net)
47 */
48public class Wakeup extends Sprite implements IBubbleEventHandler
49{
50	public function Wakeup()
51	{
52		_alarm  = new AlarmClock();
53		addChild(_alarm);
54		_alarm.alarm.addOnce(handler_ring);
55		_alarm.ring();
56	}
57 
58	private var _alarm:AlarmClock;
59 
60	private function handler_ring($evt:GenericEvent, $date:Date):void
61	{
62		trace('currentTarget：',$evt.currentTarget);
63		trace('target：',$evt.target);
64		trace('signal：',$evt.signal);
65		trace('起床了！！！也不看看几点了：'+$date.toString());
66	}
67	
68	public function onEventBubbled($evt:IEvent):Boolean
69	{
70		trace('冒泡 currentTarget：',$evt.currentTarget);
71		trace('冒泡 target：',$evt.target);
72		trace('冒泡 signal：',$evt.signal);
73		//返回false代表不再继续冒泡
74		return false;
75	}
76}
77}