學習筆記 如何創建一個Flex行為
在學習Flex的過程中,你可能會遇到Flex行為和效果方面的問題,這里和大家分享一下,Flex行為是由一個觸發器和一種效果組合而成。觸發器是一種活動,如鼠標在組件上點擊,組件獲得焦點,或組件可見。
使用Flex行為
AdobeFlex行為使你可以為應用程序添加動畫和運動,來對用戶和編程活動作出反應。Flex行為是由一個觸發器和一種效果組合而成。觸發器是一種活動,如鼠標在組件上點擊,組件獲得焦點,或組件可見。Flex效果是在目標組件上的可視性或可聽性上的某種變化,以毫秒計算。效果的例子包括淡出,尺寸變化,或者組件發生移動。
本節將教授你如何在Flex用戶界面中添加行為。具體內容包括如何使用MXML去創建行為,如何從不同的組件調用一種效果,以及如何組合多種效果以產生合成效果。
創建一個Flex行為
你打算創建一個Flex行為,當按鈕被用戶點擊時變成綠色,維持一秒半以后,離開按鈕時變成淡綠色以表明它已經被點擊過。
1.在導航視圖中選擇Lessons項目,選擇File>New>MXMLApplication并創建名叫Behaviors.mxml的文件。
2.將Behaviors.mxml設置為被編譯的默認文件,并在關聯菜單中選擇SetAsDefaultApplication。
3.在MXML編輯器源代碼模式中,在<mx:Application>標簽后定義綠色Flex效果:
- <mx:Glowidmx:Glowid="buttonGlow"color="0x99FF66"alphafrom="1.0"
- alphaTo="0.3"duration="1500"/>
綠色Flex效果開始時十分飽滿,然后逐步變得透明,但不完全透明。***變成淡綠色以表明按鈕已經被點擊過。
4.在設計模式下,從組件視圖拖拉一個面板容器到布局上,并設置其相應屬性:
- Width:200Height:300
- X:10
- Y:10
5.從組件視圖中拖拉一個按鈕控件到面板上,并設置其相應屬性:
- ID:myButtonLabel:View
- X:40
- Y:60
6.在屬性視圖中,點擊工具條中的分類視圖/CategoryView查看屬性,然后找到效果分類/Effectscategory。按鈕控件相對應的觸發器分類列表。
7.Flex行為通過在波浪括號中鍵入效果的ID來作為觸發器的值,為mouseUpEffect觸發器賦上綠色漸變效果,就象這樣:
- mouseUpEffect:{buttonGlow}
波浪括號({})是必須的,因為效果是使用數據綁定來分配給它們的觸發器的。在源代碼模式下,<mx:Button>標簽看起來就象這樣:
- <mx:Buttonxmx:Buttonx="40"y="60"label="View"id="myButton"
- mouseUpEffect="{buttonGlow}"/>
8.保存文件,編譯后運行。結果如下:從不同的組件調用一種Flex效果
取代組件觸發器,你還可以使用Flex事件去調用效果。這樣就可以使同一種效果為不同的組件所調用。舉個例子,你可以使用按鈕控件的點擊事件去告知TextArea控件播放淡入淡出?......
【編輯推薦】
- 學習筆記 Flex效果組件用法指南
- Flex基礎 創建***個Flex項目
- 剖析常見Flex效果組件用法
- FlexBuilder3.0與Eclipse3.4的***結合
- 學習筆記 FlexBuilder2.0中如何使用基于Lists的控件