怎么創建一個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事件去調用效果。這樣就可以使同一種效果為不同的組件所調用。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“怎么創建一個Flex行為”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!