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行為怎么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!