解析Flex行為的使用

作者：admin 2010-08-11 13:28:46

本文向大家簡(jiǎn)單介紹一下Flex行為的使用，主要包括Flex行為的創(chuàng)建，在不同的組件間調(diào)用效果等內(nèi)容，希望本文介紹對(duì)你有所幫助。

在學(xué)習(xí)Flex的過程中，你可能會(huì)遇到Flex行為問題，這里向大家介紹一下Flex行為的使用，相信本文介紹一定會(huì)讓你有所收獲。

Flex教程-Flex行為的使用

一、使用MXML去創(chuàng)建Flex行為

下面我們將制作一個(gè)當(dāng)用戶點(diǎn)擊按鈕時(shí)按鈕會(huì)發(fā)光的效果。

1.在Source模式下，在后輸入下面的代碼，定義一個(gè)發(fā)光效果。

2．在Design模式下，從Componsents面板中拖一個(gè)按鈕到應(yīng)用程序中，并設(shè)置按鈕的屬性如下：

ID：myButton
Label:View
X:40
Y:60

3.在屬性面板中，點(diǎn)擊ViewbyCategory視圖按鈕。并找出Effects類型的屬性。

4.將mouseUpEffect賦值為發(fā)光效果。
mouseUpEffect:{buttonGlow}
在Source模式下，標(biāo)簽代碼如下：

5.保存文件。

6.點(diǎn)擊工具欄上的Run按鈕編譯應(yīng)用程序。

瀏覽器會(huì)運(yùn)行你的Flex應(yīng)用程序。點(diǎn)擊View按鈕。View按鈕就會(huì)執(zhí)行標(biāo)簽的發(fā)光效果。

二、Flex行為之在不同的組件間調(diào)用效果

下面我們將制作一個(gè)當(dāng)用戶點(diǎn)擊按鈕時(shí)Label組件將出現(xiàn)一組從模糊到清晰的數(shù)字。

1.在Design模式中，從Components面板中拖一個(gè)Label組件到應(yīng)用程序中，并設(shè)置Label屬性如下：

ID:myLabel
Text:4815162342
X:40
Y:100

2.轉(zhuǎn)換到Source模式中，定義模糊效果，在標(biāo)簽下輸入如下代碼：

3.在標(biāo)簽中指定Label組件為模糊效果的目標(biāo)組件：

4.在標(biāo)簽中指定click事件為模糊效果：

5．在標(biāo)簽中，設(shè)置visible屬性為false來隱藏Label組件：

6．當(dāng)用戶在點(diǎn)擊View按鈕時(shí)，設(shè)置Label組件的visible屬性為true來顯示Label組件：

7．保存文件。

8.點(diǎn)擊工具欄上的Run按鈕編譯應(yīng)用程序。

瀏覽器會(huì)運(yùn)行你的Flex應(yīng)用程序。點(diǎn)擊View按鈕后就會(huì)有一組數(shù)字從模糊變?yōu)榍逦?/p>

三、Flex行為之創(chuàng)建合成效果

下面我們將制作一個(gè)當(dāng)用戶點(diǎn)擊按鈕時(shí)Label組件將出現(xiàn)一組從模糊到清晰的數(shù)字并且Label組件從上向下移動(dòng)20px的位置。

1.在Source模式下，在標(biāo)簽前輸入代碼。

2.將全句標(biāo)簽剪切到前。將成為的子標(biāo)簽。

3.標(biāo)簽中，選擇target=”{myLabel}”，并剪切到中。

4.定義移動(dòng)效果。在標(biāo)簽后輸入代碼，Label組件將在2秒中下移20px的位置。

5.在標(biāo)簽中，改變click事件的效果設(shè)定為BlurMoveShow。

6．保存文件。

7.點(diǎn)擊工具欄上的Run按鈕編譯應(yīng)用程序。

瀏覽器會(huì)運(yùn)行你的Flex應(yīng)用程序。點(diǎn)擊View按鈕后就會(huì)有一組數(shù)字從模糊變?yōu)榍逦⑶疫@組數(shù)字向下移動(dòng)。

【編輯推薦】

責(zé)任編輯：佚名來源： chinaitlab.com