深入剖析Flex事件機(jī)制
本文和大家重點(diǎn)討論一下Flex事件機(jī)制，首先我們來(lái)看一下Flex的概念，F(xiàn)lex是響應(yīng)RIA(富客戶網(wǎng)絡(luò)應(yīng)用)而出現(xiàn)的，F(xiàn)lex試圖通過(guò)提供一個(gè)程序員們已經(jīng)熟知的工作流和編程模型，讓程序員比從前更快更簡(jiǎn)單地開(kāi)發(fā)動(dòng)畫(huà)及RIA應(yīng)用。
Flex簡(jiǎn)介
Flex是響應(yīng)RIA(富客戶網(wǎng)絡(luò)應(yīng)用)而出現(xiàn)的，F(xiàn)lex試圖通過(guò)提供一個(gè)程序員們已經(jīng)熟知的工作流和編程模型，讓程序員比從前更快更簡(jiǎn)單地開(kāi)發(fā)動(dòng)畫(huà)及RIA應(yīng)用。在多層式開(kāi)發(fā)模型中，F(xiàn)lex應(yīng)用屬于表現(xiàn)層。Flex的語(yǔ)言和文件結(jié)構(gòu)也試圖把應(yīng)用程序的邏輯從設(shè)計(jì)中分離出來(lái)。
Flex最重要的兩項(xiàng)技術(shù)是ActionScript和MXML，其中ActionScript到現(xiàn)在已經(jīng)發(fā)展成了一門(mén)功能強(qiáng)大的面向?qū)ο笳Z(yǔ)言，目前常用的是ActionScript 3；而MXML是一個(gè)可以讓你在Adobe Flex中布局用戶界面組件的一種XML語(yǔ)言, 描述了反映內(nèi)容與功能的用戶界面,通過(guò)MXML，編程人員無(wú)需對(duì)Flash有太多的了解就可以開(kāi)發(fā)出用戶體驗(yàn)很好的flash應(yīng)用。
安裝Flex builder
用戶首先需要到Adobe公司的Flex網(wǎng)站下載http://www.adobe.com/products/Flex/，F(xiàn)lex Builder是收費(fèi)的，但我們可以下載其中的試用版本，F(xiàn)lex Builder的現(xiàn)行版本為Flex Builder3。
安裝Flex Builder可有好幾種方式。
***種：直接安裝Flex Builder到目標(biāo)目錄下即可使用；
第二種：將Flex Builder作為eclipse插件安裝到用戶的eclipse安裝目錄下，然后將Flex Builder目錄下features和plugins中的文件全數(shù)拷貝eclipse的相應(yīng)目錄下，若我們需要借助MyEclipse來(lái)開(kāi)發(fā)Flex應(yīng)用（確實(shí)有這樣的需要，以后會(huì)講到），則需要往MyEclipse下的features和plugins目錄進(jìn)行同樣的拷貝操作。
Flex事件機(jī)制
Flex事件中的基本概念
event objects(事件對(duì)象)：所有的事件對(duì)象都是flash.events.Event或者其子類(lèi)。比如說(shuō)鼠標(biāo)事件MouseEvent，計(jì)時(shí)器事件TimerEvent。每個(gè)事件對(duì)象中都包括事件類(lèi)型(type)和事件源(target)，便于event listener知道該事件的類(lèi)型以及是誰(shuí)拋出這樣的事件。簡(jiǎn)單的理解，事件對(duì)象就是ActionScript中的各種事件類(lèi)型的對(duì)象。
event dispatchers(事件源):是事件發(fā)起的主體。所有的dispatcher都是EventDispatcher或其子類(lèi)。事件觸發(fā)源必須提供API讓listener進(jìn)行對(duì)該事件的注冊(cè)(register)。簡(jiǎn)單的理解，事件源就是一個(gè)控件。
event listeners(事件監(jiān)聽(tīng)器):在AS 3.0中它往往表現(xiàn)為一個(gè)函數(shù)。我們必須為每個(gè)特殊的事件和事件源注冊(cè)一個(gè)監(jiān)聽(tīng)器，當(dāng)事件發(fā)生的時(shí)候，事件源(dispatcher)會(huì)通知該監(jiān)聽(tīng)器去處理制定的事件。簡(jiǎn)單的理解，監(jiān)聽(tīng)器就是一個(gè)函數(shù)。
◆注冊(cè)監(jiān)聽(tīng)器
在AS 3.0中可以通過(guò)下面的語(yǔ)法格式進(jìn)行注冊(cè)。
- dispatcher.addEventListener(eventName, listener);
當(dāng)然在Flex中還有另外一種格式，在mxml文件中對(duì)一個(gè)控件的事件直接制定一個(gè)處理函數(shù)，如
- <mx:Button label="TestClick" click="clickHandler()"/>
事件階段
Flex事件機(jī)制中我們把事件觸發(fā)源分為兩類(lèi)：一類(lèi)是那些顯示在界面中的元素拋出的事件，一類(lèi)是那些不在界面中顯示的元素拋出的事件。很簡(jiǎn)單，舉個(gè)例子：***類(lèi)如URLLoader對(duì)象去load圖片或其他資源所拋出的如complete事件，就屬于***類(lèi)。界面上的一個(gè)按鈕所拋出的click事件就是第二類(lèi)，它會(huì)觸發(fā)一個(gè)事件流，引發(fā)一系列的事件，它又分三個(gè)階段：捕獲(capture)，執(zhí)行(target) 和冒泡(bubble)，姑且這樣表達(dá)這三個(gè)階段。
◆捕獲階段(capture)
在這個(gè)階段，F(xiàn)lash Player會(huì)去查找事件的觸發(fā)源，它是通過(guò)根顯示元素(root display object)逐層向下尋蹤，直到找到事件的發(fā)起源頭，如你在button上click后，F(xiàn)lash Player找到的事該button對(duì)象。在這個(gè)階段監(jiān)視器(listener)默認(rèn)是不會(huì)收到任何消息的(默認(rèn)只在target和bubble階段收到消息)。
如果你想在捕獲階段讓listener收到消息并有所動(dòng)作，那么你可以在注冊(cè)的時(shí)候改變第三個(gè)參數(shù)為true，如下面的方法：object.addEventListener(MouseEvent.CLICK, onClick, true);
該階段聽(tīng)起來(lái)很陌生，事實(shí)上它很少使用。但它卻在事件流中扮演很重要的角色。它可以在事件到達(dá)子元素(child elements)之前被application捕獲，當(dāng)然也就可以阻 止事件到達(dá)子元素。
◆目標(biāo)執(zhí)行階段(target)
在這個(gè)階段是事件的執(zhí)行階段，也就是我們常用的用來(lái)處理事件流的代碼。
◆冒泡階段(bubble)
***的這個(gè)階段其實(shí)就是***個(gè)階段的逆向過(guò)程。它就是在事件代碼執(zhí)行完畢后通過(guò)子元素逐級(jí)向父元素發(fā)出該事件，一直到根元素。在這個(gè)階段你不需要特別的為監(jiān)聽(tīng)器指定什么，你只要正常的注冊(cè)事件就可以了。監(jiān)聽(tīng)器會(huì)在該階段收到通知。但前提是該事件是能夠bubble的。
◆垃圾回收
Flash Player是通過(guò)引用計(jì)數(shù)器(reference counting)以及標(biāo)記與清除(mark and sweep)來(lái)實(shí)現(xiàn)垃圾回收的。
引用計(jì)數(shù)器簡(jiǎn)單的講就是給每個(gè)對(duì)象分配的技術(shù)器，一旦該對(duì)象的計(jì)數(shù)器為0時(shí)，就表示該對(duì)象可能不再被使用，可以安全的清除了。它的弊端就是不能解決循環(huán)引用問(wèn)題，一旦出現(xiàn)循環(huán)引用，就不能通過(guò)該方法進(jìn)行垃圾回收。
而標(biāo)記與清除(mark and sweep)就是為了解決循環(huán)引用問(wèn)題的。它是通過(guò)在程序中遍歷每個(gè)活動(dòng)的、可到達(dá)的節(jié)點(diǎn)，一旦發(fā)現(xiàn)一些節(jié)點(diǎn)是處在活動(dòng)節(jié)點(diǎn)之外的，就被認(rèn)為不再有用，就可以被回收了。
這兩種Flex事件機(jī)制是聯(lián)合運(yùn)行在垃圾回收過(guò)程中來(lái)保證正確回收資源。但他們并不能回收程序錯(cuò)誤導(dǎo)致的垃圾。而監(jiān)聽(tīng)器的注冊(cè)就最容易導(dǎo)致這個(gè)問(wèn)題的發(fā)生。
【編輯推薦】
- 技術(shù)分享 用FlexBuilder創(chuàng)建Flex項(xiàng)目
- Flex基礎(chǔ) 創(chuàng)建***個(gè)Flex項(xiàng)目
- 解析Flex事件執(zhí)行流程
- FlexBuilder3.0與Eclipse3.4的***結(jié)合
- 學(xué)習(xí)筆記 FlexBuilder2.0中如何使用基于Lists的控件
