[学习笔记]Event与Bindable

Event:

1.事件派发 Dispatching

Flash.events.EventDispacher类提供了事件dispatch函数,如果需要dispatch事件,则应该考虑继承该类或其子类.如果不能继承该类,则应实现IEventDispatcher接口 

2.监听事件 Listening to Events

在监听事件时应首先考虑是否要使用weak referenced.如果事件监听与派发与监听函数有共同的生命周期,则可以使用strong referenced,在其他的大部分情况下,则应使用weak referenced.

Bindable的三种实现方式:

1.使用Event实现.

2.MXML中使用大括号实现.

3.AS中使用ChangeWatcher实现.

Event与Bindable举例:

有一个Person类:

view plaincopy to clipboardprint?

2. package com.insprise   
3. {   
4. import flash.events.Event;   
5. import flash.events.EventDispatcher;   
6. import mx.events.PropertyChangeEvent;   
8. public class Person extends EventDispatcher   
9.     {   
10. private var _name:String;   
11. private var _age:int;   
12. private var _desc:String;   
13. /** 
14.          * 构造函数 
15.          */
16. public function Person()   
17.         {   
18. super();   
19.         }          
20. /** 
21.          * Get&Set Name SetName时dispatch一个PropertyChangeEvent事件 
22.          */
23.         [Bindable(event="propertyChange")]   
24. public function get name():String {   
25.             trace("Get name: " + _name);   
26. return _name;   
27.         }   
28. public function set name(name_:String):void {   
29. if(name_ == _name) {   
30. return;   
31.             }   
32.             var old:String = this._name;   
33. this._name = name_;   
34.             trace("Set Name to: " + name_);   
35.             dispatchEvent(PropertyChangeEvent.createUpdateEvent(this,"name",old,name_));   
36.         }   
37. /** 
38.          * Get&Set age; age被Set的时候会dispatch一个ageChanged事件. 
39.          */
40.         [Bindable(event="ageChanged")]   
41. public function get age():int {   
42.             trace("Get age: " + _age);   
43. return _age;   
44.         }   
45. public function set age(age_:int):void {   
46. if(age_ == _age) {   
47. return;   
48.             }   
49.             var old:int = this._age;   
50. this._age = age_;   
51.             trace("Set Age to: " + age_);   
52.             dispatchEvent(new Event("ageChanged"));   
54.         }          
55. /** 
56.          * Get&Set Desc;desc被set时会自动dispatch一个PropertyChangeEvent. 
57.          */
58.         [Bindable]   
59. public function get desc():String {   
60.             trace("Get desc: " + _desc);   
61. return _desc;   
62.         }   
63. public function set desc(desc_:String):void {   
64. if(desc_ == _desc) {   
65. return;   
66.             }   
67.             var old:String = this._desc;   
68. this._desc = desc_;   
69.             trace("Set desc to: " + desc_);   
70.         }              
71.     }   
72. }  

现在我们通过上面提到的三种方式实现Bindable:

1.使用Event Bindable:

view plaincopy to clipboardprint?

1. import mx.events.PropertyChangeEvent;  
2. import com.insprise.Person;  
4. var person:Person = new Person();  
6. /**
7. * 监听PropertyChangeEvent与ageChanged事件
8. */
9. private function init():void {  
10.     person.addEventListener("propertyChange",propertyChangeHandler);  
11.     person.addEventListener("ageChanged",ageChangedHandler);  
12. }  
14. /**
15. * 通过对PropertyChangeEvent.property判断是name还是desc被监听,更新屏幕
16. */
17. private function propertyChangeHandler(e:PropertyChangeEvent):void {  
18. if(e.property == "name") {  
19.         textArea_Name.text = e.newValue.toString();  
20.     }else if(e.property == "desc") {  
21.         textArea_Desc.text = e.newValue.toString();  
22.     }else {  
23. return;  
24.     }  
25.     trace("view: " + e.property + " Changed");  
26. }  
28. /**
29. * set age之后更新屏幕
30. */
31. private function ageChangedHandler(e:Event):void {  
32.     textArea_Age.text = String(person.age);  
33. } 

2.MXML使用大括号:

view plaincopy to clipboardprint?

1. <mx:textarea x="202" y="107" width="131" height="21" wordwrap="true" editable="false" id="textArea_Name" text="{person.name}">
2. <mx:label x="142" y="158" text="Age:">
3. <mx:textarea x="202" y="157" width="131" height="21" wordwrap="true" editable="false" id="textArea_Age" text="{person.age}">
4. <mx:label x="142" y="215" text="Desc:">
5. <mx:textarea x="202" y="214" width="131" height="71" wordwrap="true" editable="false" id="textArea_Desc" text="{person.desc}">
7. </mx:textarea></mx:label></mx:textarea></mx:label></mx:textarea>

3.使用AS中的ChangeWatcher

view plaincopy to clipboardprint?

1. private function init():void {   
2.     var nameWatcher:ChangeWatcher;   
3.     var ageWatcher:ChangeWatcher;   
4.     var descWatcher:ChangeWatcher;      
5.     var canWatche:ChangeWatcher;   
6. //nameWatcher = BindingUtils.bindProperty(textArea_Name,"text",person,"name"); 
7.     ChangeWatcher.watch(person,"name",nameSetter);   
8.     ageWatcher = BindingUtils.bindProperty(textArea_Age,"text",person,String("age"));   
9.     descWatcher = BindingUtils.bindProperty(textArea_Desc,"text",person,"desc",true);   
10. }   
11. private function nameSetter(e:PropertyChangeEvent):void {   
12. if(e==null) {   
13. return;   
14.     }   
15.     textArea_Name.text = e.newValue.toString();   
16.     trace("Name Changed by nameSetter on the Event " + e + " to " + e.newValue);   
17. }   
19. private function ageSetter(e:Event):void {   
20. //textArea_Age.text = String(person.age); 
21.     trace("Age is setted by ageSetter on the Event " + " to " + person.age);              
22. } 

转载于:https://www.cnblogs.com/jiayuan/archive/2010/01/04/1638797.html