在學(xué)習(xí)Flex的過程中，你可能會遇到Flex行為和效果方面的問題，這里和大家分享一下，F(xiàn)lex行為是由一個觸發(fā)器和一種效果組合而成。觸發(fā)器是一種活動，如鼠標(biāo)在組件上點擊，組件獲得焦點，或組件可見。

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)提供從項目策劃、軟件開發(fā)，軟件安全維護(hù)、網(wǎng)站優(yōu)化(SEO)、網(wǎng)站分析、效果評估等整套的建站服務(wù)，主營業(yè)務(wù)為做網(wǎng)站、成都網(wǎng)站設(shè)計，App定制開發(fā)以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。創(chuàng)新互聯(lián)深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

使用Flex行為

AdobeFlex行為使你可以為應(yīng)用程序添加動畫和運動，來對用戶和編程活動作出反應(yīng)。Flex行為是由一個觸發(fā)器和一種效果組合而成。觸發(fā)器是一種活動，如鼠標(biāo)在組件上點擊，組件獲得焦點，或組件可見。Flex效果是在目標(biāo)組件上的可視性或可聽性上的某種變化，以毫秒計算。效果的例子包括淡出，尺寸變化，或者組件發(fā)生移動。
本節(jié)將教授你如何在Flex用戶界面中添加行為。具體內(nèi)容包括如何使用MXML去創(chuàng)建行為，如何從不同的組件調(diào)用一種效果，以及如何組合多種效果以產(chǎn)生合成效果。

創(chuàng)建一個Flex行為

你打算創(chuàng)建一個Flex行為，當(dāng)按鈕被用戶點擊時變成綠色，維持一秒半以后，離開按鈕時變成淡綠色以表明它已經(jīng)被點擊過。

1.在導(dǎo)航視圖中選擇Lessons項目，選擇File>New>MXMLApplication并創(chuàng)建名叫Behaviors.mxml的文件。

2.將Behaviors.mxml設(shè)置為被編譯的默認(rèn)文件，并在關(guān)聯(lián)菜單中選擇SetAsDefaultApplication。

3.在MXML編輯器源代碼模式中，在標(biāo)簽后定義綠色Flex效果：

 
 
 

  
  
  

  
  
  
alphaTo="0.3"duration="1500"/> 
 
 
 

綠色Flex效果開始時十分飽滿，然后逐步變得透明，但不完全透明。***變成淡綠色以表明按鈕已經(jīng)被點擊過。
4.在設(shè)計模式下，從組件視圖拖拉一個面板容器到布局上，并設(shè)置其相應(yīng)屬性：

 
 
 

  
  
  
Width:200Height:300  
  
  
  
X:10  
  
  
  
Y:10 
 
 
 

5.從組件視圖中拖拉一個按鈕控件到面板上，并設(shè)置其相應(yīng)屬性：

 
 
 

  
  
  
ID:myButtonLabel:View  
  
  
  
X:40  
  
  
  
Y:60 
 
 
 

6.在屬性視圖中，點擊工具條中的分類視圖/CategoryView查看屬性，然后找到效果分類/Effectscategory。按鈕控件相對應(yīng)的觸發(fā)器分類列表。

7.Flex行為通過在波浪括號中鍵入效果的ID來作為觸發(fā)器的值，為mouseUpEffect觸發(fā)器賦上綠色漸變效果，就象這樣：

 
 
 

  
  
  
mouseUpEffect:{buttonGlow} 
 
 
 

波浪括號（{}）是必須的，因為效果是使用數(shù)據(jù)綁定來分配給它們的觸發(fā)器的。在源代碼模式下，標(biāo)簽看起來就象這樣：

 
 
 

  
  
  

  
  
  
mouseUpEffect="{buttonGlow}"/> 
 
 
 

 8.保存文件，編譯后運行。結(jié)果如下：從不同的組件調(diào)用一種Flex效果

取代組件觸發(fā)器，你還可以使用Flex事件去調(diào)用效果。這樣就可以使同一種效果為不同的組件所調(diào)用。舉個例子，你可以使用按鈕控件的點擊事件去告知TextArea控件播放淡入淡出?......
 

【編輯推薦】

1. 學(xué)習(xí)筆記 Flex效果組件用法指南
2. Flex基礎(chǔ) 創(chuàng)建***個Flex項目
3. 剖析常見Flex效果組件用法
4. FlexBuilder3.0與Eclipse3.4的***結(jié)合
5. 學(xué)習(xí)筆記 FlexBuilder2.0中如何使用基于Lists的控件 

新聞標(biāo)題：學(xué)習(xí)筆記如何創(chuàng)建一個Flex行為
URL分享：http://uogjgqi.cn/article/cogcddg.html