解析Flex行為的使用
在學習Flex的過程中,你可能會遇到Flex行為問題,這里向大家介紹一下Flex行為的使用,相信本文介紹一定會讓你有所收獲。
Flex教程-Flex行為的使用
一、使用MXML去創建Flex行為
下面我們將制作一個當用戶點擊按鈕時按鈕會發光的效果。
1.在Source模式下,在后輸入下面的代碼,定義一個發光效果。
2.在Design模式下,從Componsents面板中拖一個按鈕到應用程序中,并設置按鈕的屬性如下:
ID:myButton
Label:View
X:40
Y:60
3.在屬性面板中,點擊ViewbyCategory視圖按鈕。并找出Effects類型的屬性。
4.將mouseUpEffect賦值為發光效果。
mouseUpEffect:{buttonGlow}
在Source模式下,標簽代碼如下:
5.保存文件。
6.點擊工具欄上的Run按鈕編譯應用程序。
瀏覽器會運行你的Flex應用程序。點擊View按鈕。View按鈕就會執行標簽的發光效果。
二、Flex行為之在不同的組件間調用效果
下面我們將制作一個當用戶點擊按鈕時Label組件將出現一組從模糊到清晰的數字。
1.在Design模式中,從Components面板中拖一個Label組件到應用程序中,并設置Label屬性如下:
ID:myLabel
Text:4815162342
X:40
Y:100
2.轉換到Source模式中,定義模糊效果,在標簽下輸入如下代碼:
3.在標簽中指定Label組件為模糊效果的目標組件:
4.在標簽中指定click事件為模糊效果:
5.在標簽中,設置visible屬性為false來隱藏Label組件:
6.當用戶在點擊View按鈕時,設置Label組件的visible屬性為true來顯示Label組件:
7.保存文件。
8.點擊工具欄上的Run按鈕編譯應用程序。
瀏覽器會運行你的Flex應用程序。點擊View按鈕后就會有一組數字從模糊變為清晰。
三、Flex行為之創建合成效果
下面我們將制作一個當用戶點擊按鈕時Label組件將出現一組從模糊到清晰的數字并且Label組件從上向下移動20px的位置。
1.在Source模式下,在標簽前輸入代碼。
2.將全句標簽剪切到前。將成為的子標簽。
3.標簽中,選擇target=”{myLabel}”,并剪切到中。
4.定義移動效果。在標簽后輸入代碼,Label組件將在2秒中下移20px的位置。
5.在標簽中,改變click事件的效果設定為BlurMoveShow。
6.保存文件。
7.點擊工具欄上的Run按鈕編譯應用程序。
瀏覽器會運行你的Flex應用程序。點擊View按鈕后就會有一組數字從模糊變為清晰并且這組數字向下移動。
【編輯推薦】
- 學習筆記 如何創建一個Flex行為
- 常用FlexBuilder快捷鍵用法指導
- Flex框架Riawave的定制應用
- 技術前沿 Flex2.0 從零開始實現文件上傳
- FlexBuilder開發方法及特點解析