解析Flex事件處理流程
在學(xué)習(xí)Flex的過程中,F(xiàn)lex事件處理是必須要掌握的知識,這里和大家分享一下Flex事件處理流程,相信本文介紹一定會讓你有所收獲。
Flex事件處理
軟件開發(fā)者在開發(fā)過程中只關(guān)注某個組件響應(yīng)某個事件后所做的操作,即被驅(qū)動的操作,而不用像結(jié)構(gòu)化線形開發(fā)那樣去關(guān)注驅(qū)動事件的動作。響應(yīng)特定事件的組件叫做事件監(jiān)聽器(EventListener)。
一個用于交互的GUI組件會被預(yù)先定義它可能遇到的事件,軟件開發(fā)者即可根據(jù)開發(fā)需求來編寫事件監(jiān)聽器,響應(yīng)部分或全部的事件觸發(fā),圖1.7展示了這個觸發(fā)過程。作為開發(fā)者,我們首先需要了解特定的GUI交互組件支持哪些事件,之后便可以根據(jù)需求寫出相應(yīng)的事件監(jiān)聽器。
圖1.7GUI系統(tǒng)中的Flex事件處理流程
在示例1.2和示例1.3中,我們已經(jīng)使用到了Flex的事件機(jī)制,F(xiàn)lex開發(fā)基于ActionScipt對象,事件已經(jīng)作為Flex可視化組件的屬性。我們可以在MXML中直接為組件的事件屬性設(shè)定事件監(jiān)聽方法或者代碼。
在示例1.2中,我們設(shè)定<mx:Button>的單擊事件(click)屬性為click=“changeText()”,并寫了一個changeText方法作為單擊事件的監(jiān)聽器。這樣,當(dāng)單擊Button的時候,就會觸發(fā)Button的click事件,changeText方法將被調(diào)用。而在示例1.3中,我們把ActionScript腳本直接復(fù)制給了click,這樣整個腳本將作為一個事件監(jiān)聽器。Flex可視化組件開發(fā)的事件處理方式與HTML頁面開發(fā)中的JavaScript腳本使用是非常相似的。
Flex事件處理中如果我們需要在事件監(jiān)聽器中處理事件源,即產(chǎn)生事件的組件,那么需要為事件監(jiān)聽的方法傳遞參數(shù)event,例如可以對示例1.2中事件監(jiān)聽方法的定義和<mx:Button>的事件屬性做一些修改。
(1)事件監(jiān)聽方法定義的修改:
- publicfunctionchangeText(event:Event):void
(2)Button事件屬性的修改:
- <mx:Buttonlabelmx:Buttonlabel="點(diǎn)擊這里"fontSize="16"click="changeText(event)"/>
在Button事件屬性的修改中,event作為一個關(guān)鍵字來使用,而非自定義變量,因此我們可以在標(biāo)簽中直接使用event來創(chuàng)建當(dāng)前組件所觸發(fā)的事件對象。
ActionScript類Event構(gòu)建的時候會把事件源組件作為一個成員屬性,這樣在事件監(jiān)聽器中,我們可以通過event來操作事件源組件。
在MXML中設(shè)定事件屬性值的方式叫做事件監(jiān)聽器內(nèi)建。這種方式適合應(yīng)用在簡單的事件處理上。如果遇到需要多個事件監(jiān)聽器聯(lián)合使用等復(fù)雜的事件處理情況,則需要應(yīng)用Flex的事件注冊。
【編輯推薦】