你對Flex應用程序中事件和行為的使用是否了解，這里和大家分享一下，Flex應用程序是基于事件的/event-based，比如當用戶單擊一個按鈕時，便會觸發一個事件，下面請看本文詳細介紹。

Flex應用程序中事件和行為的使用

HTML應用程序的原理是由客戶端發出請求，并從服務器端得到反應。與之不相同的是，Flex應用程序是基于事件的/event-based。舉個例子，當用戶單擊一個按鈕時，便會觸發一個事件。應用程序本身，不是指服務器，包含了識別事件的邏輯并采取相應的行動。

◆Flex應用程序中當事件被觸發時修改組件的屬性

對某個組件以編程方式進行操作時，為了對某個事件作出反應，必須首先要引用它，這時你就需要賦予它一個ID值，如下所示：
 

<mx:Panelidmx:Panelid="myPanel"layout="absolute"width="80%"height="80%"x="122"y="24"> 

隨后你就可以將行為/behavior添加到應用程序上，當某個事件被觸發時改變組件的屬性值，就象這樣：
 

<mx:Buttonlabelmx:Buttonlabel="Close"right="30"bottom="40"click="myPanel.visible=false"/> 

當按鈕被單擊時，面板的可見屬性值被設置為false。

◆Flex應用程序中使用ActionScript功能函數

你也可以通過編寫ActionScript功能函數，并在事件中調用它來達到相同的目的，在這種情況下，按鈕組件的單擊事件如下所示：
 

<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
<mx:Applicationxmlns:mxmx:Applicationxmlns:
mx="http://www.adobe.com/2006/mxml"layout="absolute"> 
<mx:Stylesourcemx:Stylesource="styles.css"/> 
 
<mx:Script> 
<![CDATA[  
publicfunctionclose():void{  
myPanel.visible=false;  
}  
]]> 
</mx:Script> 
 
<mx:Panelidmx:Panelid="myPanel"layout="absolute"width="80%"height="80%"x="122"y="24"> 
<mx:TextAreatextmx:TextAreatext="SayhellotoFlex!"top="10"bottom="70"left="10"right="30"/> 
<mx:Buttonlabelmx:Buttonlabel="Close"right="30"bottom="40"click="close();"/> 
</mx:Panel> 
</mx:Application> 
 

 ActionScript功能函數是在MXML文件里的<mx:Script>塊中進行定義的，然后引用到按鈕的單擊事件上。

◆單獨的ActionScript代碼

為了從MXML文件中更好地分離出ActionScript代碼，你可以將它們放到單獨的ActionScript文件中而不是作為函數，然后再將它們導入到MXML文件里，如下所示：

<mx:Scriptsourcemx:Scriptsource="myFunctions.as"/> 

◆運用行為和變換增強豐富的視覺互動性

Flex應用程序是事件驅動的，這就意味著你可以在程序運行時使用事件去添加豐富的視覺互動性。為了實現它，你使用了一個事件觸發器，用其來描述一個行為。
在前面的例子中，面板組件的visible屬性值被設置為false因而不可見。你還可以通過使用行為來制造出更強的視覺效果。

下面的例子創建了一個行為，該行為首先創建好一種效果，然后把它綁定到組件的hideEffect屬性上（觸發器）：
 

<mx:Fadeidmx:Fadeid="myFade"/> 
<mx:Panelidmx:Panelid="myPanel"layout="absolute"width="80%"height="80%"  
hideEffect="{myFade}"> 

當關閉按鈕被單擊時，面板組件淡出而不是消失。
觸發器和效果還可以組合到更為復雜的行為中，其被稱之為變換/transitions。

【編輯推薦】

1. 解析Flex數據綁定的幾種方式
2. Flex應用程序設計界面布局的實現方式
3. Flex應用程序組成元素和開發步驟解析
4. 全面認識Flex應用程序模型
5. Flex數據綁定及其使用頻繁的幾種情況