教你7步實(shí)現(xiàn)flex自定義Event及參數(shù)傳遞_第1頁(yè)
教你7步實(shí)現(xiàn)flex自定義Event及參數(shù)傳遞_第2頁(yè)
教你7步實(shí)現(xiàn)flex自定義Event及參數(shù)傳遞_第3頁(yè)
教你7步實(shí)現(xiàn)flex自定義Event及參數(shù)傳遞_第4頁(yè)
教你7步實(shí)現(xiàn)flex自定義Event及參數(shù)傳遞_第5頁(yè)
已閱讀5頁(yè)，還剩4頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、教你7步實(shí)現(xiàn)flex自定義Event及參數(shù)傳遞Flex應(yīng)用開(kāi)發(fā)過(guò)程中如需要靈活的在不同組件（如A與B，父與子）之間響應(yīng)事件，傳遞參數(shù)等功能時(shí)就會(huì)使用自定義事件（Event）機(jī)制,下面通過(guò)一個(gè)事例分七步,通過(guò)自定義Event和EventDispatcher兩種機(jī)制實(shí)現(xiàn)事件交互和參數(shù)傳遞;        事例描述:有一個(gè)父親“parentApp.mxml”有兩個(gè)兒子“comBrotherA.mxml”和"comBrotherB.mxml",新年 降至，兩個(gè)兒子為表孝心分別給他們老爸存入(事件)一筆過(guò)節(jié)費(fèi)(事件

2、參數(shù)),并通知老爸我存錢(qián)進(jìn)去了，老爸在收到兩個(gè)兒子的錢(qián)后匯總后同時(shí)告訴(事件)兩 個(gè)兒子錢(qián)我已收到總數(shù)(事件參數(shù))是多少.    1、第一步：引入自定義注冊(cè)事件參數(shù)傳遞擴(kuò)展類(lèi)(來(lái)自網(wǎng)絡(luò))   view plaincopy to clipboardprint?1. package myeventhelper  2.   3.     /自定義注冊(cè)事件參數(shù)傳遞擴(kuò)展類(lèi)  4.     publ

3、ic class EventArgExtend  5.       6.         public function EventArgExtend()  7.           8.        

4、60;  9.         public static function create(f:Function,.arg):Function /動(dòng)態(tài)參數(shù)創(chuàng)建  10.           11.             

5、;var F:Boolean = false;  12.             var _f:Function = function(e:*,._arg)  13.               14.    

6、             _arg = arg;  15.                 if(!F)  16.            &

7、#160;      17.                     F = true;  18.                 

8、0;   _arg.unshift(e);  19.                   20.                 f.apply(null,_arg);  21.  

9、;             22.             return _f;  23.           24.         pu

10、blic static function toString():String  25.           推薦精選26.             return "Class JEventDelegate"  27.     &#

11、160;     28.       29.       2、第二步：自定義事件觸發(fā)類(lèi)：view plaincopy to clipboardprint?1. package myeventhelper  2.   3.     import flash.events.EventDispatcher;  4. 

12、0;    5.     import mx.core.UIComponent;  6.     /自定義事件觸發(fā)類(lèi)  7.     public class MyEventDispatcher extends EventDispatcher  8.       9.

13、        private static var _instance:MyEventDispatcher;  10.         public static const EXEC_PARENT_METHOD:String="ExecParentMethod" /執(zhí)行Parent方法  11. 

14、0;       public static function getInstance():MyEventDispatcher  12.           13.            if(_instance=null)  14.  &

15、#160;            _instance=new MyEventDispatcher();  15.              16.            return _instanc

16、e;  17.           18.         public var Source:UIComponent; /事件源對(duì)象  19.         public var Parsms:Object; /主要用于參數(shù)傳遞

17、0; 20.       21.   推薦精選    3、第三步：用戶自定義事件類(lèi)    view plaincopy to clipboardprint?1. package myeventhelper  2.       3.         import mx.e

18、vents.FlexEvent;  4.         /用戶自定義事件類(lèi)  5.         public class MyExtendEvent extends FlexEvent  6.           7.  &

19、#160;          public static const EXEC_BROTHER_METHOD:String="ExecBrotherMethod"/執(zhí)行兄弟方法  8.              9.        

20、;     public var param:Object;  10.             public function MyExtendEvent(o:Object,type:String, bubbles:Boolean=false, cancelable:Boolean=false)  11.   

21、;            12.                 super(type, bubbles, cancelable);  13.            &#

22、160;    this.param = o;/也可通過(guò)這樣的方式傳遞參數(shù)  14.               15.           16.       推薦精選    4、第四步：

23、完成兒子A“comBrotherA.mxml”：    view plaincopy to clipboardprint?1. <?xml version="1.0" encoding="utf-8"?>  2.     <mx:Panel xmlns:mx="3.     <mx:Script>  4.   

24、0;     <!-CDATA  5.             import myeventhelper.MyExtendEvent;  6.             import myeventhelper.MyEventDispatcher

25、;  7.             import myeventhelper.EventArgExtend;  8.             private var execParent:MyEventDispatcher; /觸發(fā)父親節(jié)點(diǎn)事件  9. 

26、60;           function init():void  10.               11.                 execPa

27、rent = MyEventDispatcher.getInstance();  12.               13.             public function onGetParentTotal(e:MyExtendEvent,.agrs):void 

28、; 14.               15.                 /下面兩種方法都可以用來(lái)傳遞參數(shù)  16.             &

29、#160;   /this.labTotal.text = String(agrs0.totalValue);  17.                 this.labTotal.text = e.param.toString();  18.        

30、       19.             public function onParentEvent(event:Event):void  20.               21.    

31、60;            execParent.Parsms = txtValue.text;  22.                 execParent.Source = this;  23.    

32、             execParent.dispatchEvent(new Event(MyEventDispatcher.EXEC_PARENT_METHOD);  24.               推薦精選25.       

33、       26.         ->  27.     </mx:Script>  28.         <mx:Canvas height="90" width="197"> &#

34、160;29.         <mx:TextInput width="92" y="10" x="85" id="txtValue"/>     30.         <mx:Label x="13" y=

35、"12" text="存入："/>  31.         <mx:Label x="87" y="56" width="90" id="labTotal"/>  32.         <mx:Labe

36、l x="5" y="56" text="ParentTotal:"/>  33.         </mx:Canvas>  34.         <mx:ControlBar>  35.      

37、60;      <mx:Button label="調(diào)用父方法" id="btnExecParent" click="onParentEvent(event)"/>  36.         </mx:ControlBar>  37.     </mx:Pa

38、nel>      5、第五步：完成兒子B“comBrotherB.mxml”：    view plaincopy to clipboardprint?1. <?xml version="1.0" encoding="utf-8"?>  2.     <mx:Panel xmlns:mx="3.     <

39、mx:Script>  4.         <!-CDATA  5.             import myeventhelper.MyExtendEvent;  6.             

40、;import myeventhelper.MyEventDispatcher;  7.             import myeventhelper.EventArgExtend;  8.              9.      &

41、#160;      private var execParent:MyEventDispatcher; /觸發(fā)父親節(jié)點(diǎn)事件  10.             function init():void  推薦精選11.           

42、    12.                 execParent = MyEventDispatcher.getInstance();  13.               14.    

43、;         public function onGetParentTotal(e:Event,.agrs):void /響應(yīng)父親類(lèi)的觸發(fā)的事件  15.               16.           &

44、#160;     this.labTotal.text = String(agrs0.totalValue);  17.               18.              19.     

45、;        public function onParentEvent(event:Event):void /通過(guò)自定義事件觸發(fā)類(lèi)傳遞參數(shù)  20.               21.            

46、60;    execParent.Parsms = txtValue.text;  22.                 execParent.Source = this;  23.            

47、     execParent.dispatchEvent(new Event(MyEventDispatcher.EXEC_PARENT_METHOD);  24.               25.         ->  26.    &

48、#160;</mx:Script>  27.         <mx:Canvas height="90" width="197">  28.         <mx:TextInput width="92" y="10" x="

49、85" id="txtValue"/>     29.         <mx:Label x="13" y="12" text="存入："/>  30.         <mx:Label x="

50、;87" y="56" width="90" id="labTotal"/>  31.         <mx:Label x="5" y="56" text="ParentTotal:"/>  32.      

51、0;  </mx:Canvas>  33.         <mx:ControlBar>  34.             <mx:Button label="調(diào)用父方法" id="btnExecParent" click="o

52、nParentEvent(event)"/>  35.         </mx:ControlBar>  36.     </mx:Panel>  推薦精選    6、第六步：完成父親類(lèi)"parentApp.mxml":    view plaincopy to clipboardprint?1.

53、 <?xml version="1.0" encoding="utf-8"?>  2.     <mx:Application xmlns:mx="3.     <mx:Script>  4.         <!-CDATA  5.   &#

54、160;         import myeventhelper.MyExtendEvent;  6.             import myeventhelper.MyEventDispatcher;  7.          &#

55、160;  import myeventhelper.EventArgExtend;  8.             private var parentDP:MyEventDispatcher;  9.             public var 

56、;totalValue:Number = 0;  10.             function init():void  11.               12.         &#

57、160;       parentDP = MyEventDispatcher.getInstance();  13.                 nodeEvent = new MyExtendEvent(totalValue,MyExtendEvent.EXEC_BROTHER_METHOD

58、);  14.                  15.                 if(!parentDP.hasEventListener(MyEventDispatcher.EXEC_PARENT_METHOD)  1

59、6.                     parentDP.addEventListener(MyEventDispatcher.EXEC_PARENT_METHOD,getSonValue);/注冊(cè)通過(guò)自定義事件觸發(fā)類(lèi)傳遞參數(shù)  17.            &#

60、160;         18.                 /注冊(cè)事件時(shí)傳遞參數(shù)  19.                 addEventListener(MyE

61、xtendEvent.EXEC_BROTHER_METHOD,EventArgExtend.create(comA.onGetParentTotal,this);  推薦精選20.                 addEventListener(MyExtendEvent.EXEC_BROTHER_METHOD,EventArgExtend.create(comB.onGetParentTotal,this);&#

62、160; 21.               22.             function getSonValue(e:Event):void  23.             

63、;  24.                 if(parentDP.Source = comA)  25.                   26.     

64、;                txtA.text = String(parentDP.Parsms);  27.                   28.      

65、;           else  29.                   30.                  

66、;   txtB.text = String(parentDP.Parsms);  31.                   32.               33.    &

67、#160;         34.             /將結(jié)果返回兒子節(jié)點(diǎn)  35.             private var nodeEvent:MyExtendEvent;  36.  

68、;           function onSumToNode(e:Event):void/觸發(fā)事件將結(jié)果返回兒子節(jié)點(diǎn)  37.               38.             

69、0;   totalValue = Number(txtA.text) + Number(txtB.text);  39.                 txtTotal.text = String(totalValue);  40.       

70、          nodeEvent.param = totalValue;  41.                 dispatchEvent(nodeEvent);  42.            

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論