日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢(xún)
選擇下列產(chǎn)品馬上在線(xiàn)溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
學(xué)習(xí)筆記 Flex效果組件用法指南

本文和大家重點(diǎn)討論一下Flex效果組件，F(xiàn)lex中提供了豐富的效果組件，由于Flex效果是一種根據(jù)時(shí)間漸變的過(guò)程，因此所有效果都具有duration屬性，用來(lái)設(shè)置播放時(shí)間（以毫秒為單位）。

讓客戶(hù)滿(mǎn)意是我們工作的目標(biāo)，不斷超越客戶(hù)的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶(hù)，將通過(guò)不懈努力成為客戶(hù)在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：國(guó)際域名空間、虛擬主機(jī)、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、城東網(wǎng)站維護(hù)、網(wǎng)站推廣。

Flex效果組件

Flex中提供了豐富的效果組件。由于Flex效果是一種根據(jù)時(shí)間漸變的過(guò)程，因此所有效果都具有duration屬性，用來(lái)設(shè)置播放時(shí)間（以毫秒為單位）。也可以通過(guò)設(shè)置repeatCount屬性和repeatDelay屬性，來(lái)分別控制效果播放的次數(shù)和重復(fù)播放效果的時(shí)間間隔（以毫秒為單位）。如果希望在觸發(fā)器被觸發(fā)后，延遲一段時(shí)間調(diào)用Flex效果，可以使用startDelay屬性。

1）AnimateProperty動(dòng)畫(huà)效果

AnimateProperty是用來(lái)為組件的屬性或樣式設(shè)置動(dòng)畫(huà)的效果。我們可以通過(guò)其property屬性設(shè)定目標(biāo)對(duì)象上需要設(shè)置動(dòng)畫(huà)效果的屬性，然后設(shè)置fromValue屬性和toValue屬性，為效果提供屬性的起始值和結(jié)束值。例如下面的代碼使用mouseDownEffect觸發(fā)器，當(dāng)單擊圖片時(shí)，觸發(fā)AnimateProperty效果，在1秒鐘內(nèi)，Image對(duì)象的scaleX屬性由1變?yōu)?，被橫向拉伸。代碼如下：

 
 
 
 
      
  
  
  
  1.   
  
  
  
  2.  
    3.   
  
  
  
  3. fromValue="1"toValue="2"  
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5. duration="1000"/> 
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7.   
  
  
  
  8.  
    9.   
  
  
  
  9. mouseDownEffect="{animateProperty}"/> 
    10.

如果希望通過(guò)樣式設(shè)置效果，可以將isStyle屬性設(shè)置為ture，然后通過(guò)setStyle()方法設(shè)置目標(biāo)對(duì)象的樣式，從而達(dá)到設(shè)置效果的目的。

2）Blur模糊效果

Flex效果中Blur是一種模糊效果。該效果使用了flash.filters.BlurFilter濾鏡，如果對(duì)某個(gè)組件應(yīng)用了Blur效果，就不能再對(duì)該組件應(yīng)用BlurFilter濾鏡，也無(wú)法再次應(yīng)用Blur效果。下面的代碼通過(guò)Image對(duì)象的mouseDownEffect觸發(fā)器觸發(fā)Blur效果，在1秒鐘內(nèi)，Image對(duì)象將逐漸變得模糊。代碼如下：

 
 
 
 
      
  
  
  
  1.   
  
  
  
  2. blurXTo="10.0"blurYFrom="0.0"blurYTo="10.0"/> 
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4.   
  
  
  
  5. mouseDownEffect="{blurImage}"/> 
    6.

3）WipeUp、WipeRight、WipeDown、WipeLeft擦除效果

Flex效果中這些類(lèi)定義了4個(gè)方向的擦除效果，通常與showEffect和hideEffect觸發(fā)器配合使用，使用起來(lái)非常簡(jiǎn)便，如下面的例子。

代碼清單WipeSample.mxml

 
 
 
 
      
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7.  
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14.  
    15.   
  
  
  
  15.  
    16.   
  
  
  
  16.  
    17.   
  
  
  
  17.  
    18.   
  
  
  
  18.  
    19.   
  
  
  
  19.  
    20.   
  
  
  
  20.  
    21.   
  
  
  
  21.  
    22.   
  
  
  
  22.  
    23.   
  
  
  
  23.  
    24.   
  
  
  
  24.  
    25.   
  
  
  
  25.  
    26.   
  
  
  
  26.  
    27.   
  
  
  
  27.  
    28.   
  
  
  
  28.  
    29.   
  
  
  
  29.   
  
  
  
  30.  
    31.   
  
  
  
  31. hideEffect="{wipeUpOut}"showEffect="{wipeUpIn}"/> 
    32.   
  
  
  
  32.  
    33.   
  
  
  
  33.  
    34.   
  
  
  
  34.  
    35.   
  
  
  
  35.   
  
  
  
  36.  
    37.   
  
  
  
  37. hideEffect="{wipeLeftOut}"showEffect="{wipeLeftIn}"/> 
    38.   
  
  
  
  38.  
    39.   
  
  
  
  39.  
    40.   
  
  
  
  40.  
    41.   
  
  
  
  41.   
  
  
  
  42.  
    43.   
  
  
  
  43. hideEffect="{wipeDownOut}"showEffect="{wipeDownIn}"/> 
    44.   
  
  
  
  44.  
    45.   
  
  
  
  45.  
    46.   
  
  
  
  46.  
    47.   
  
  
  
  47.   
  
  
  
  48.  
    49.   
  
  
  
  49. hideEffect="{wipeRightOut}"showEffect="{wipeRightIn}"/> 
    50.   
  
  
  
  50.  
    51.   
  
  
  
  51.  
    52.   
  
  
  
  52.  
    53.   
  
  
  
  53.  
    54.   
  
  
  
  54.  
    55.   
  
  
  
  55.  
    56.   
  
  
  
  56.  
    57.   
  
  
  
  57.  
    58.   
  
  
  
  58.  
    59.   
  
  
  
  59.  
    60.   
  
  
  
  60.  
    61.   
  
  
  
  61.  
    62.   
  
  
  
  62.  
    63.

 運(yùn)行該程序，效果如圖9-2所示。

圖9-2擦除效果

4）Zoom縮放效果

Flex效果中Zoom效果可以以指定點(diǎn)為中心按比例縮放對(duì)象。與Resize效果不同的是，Resize改變目標(biāo)對(duì)象的長(zhǎng)寬屬性，而Zoom改變的目標(biāo)對(duì)象的縮放比例。在下面的例子中，當(dāng)鼠標(biāo)移動(dòng)到圖片上時(shí)開(kāi)始播放Zoom效果，鼠標(biāo)移出時(shí)還原。

代碼清單ZoomSample.mxml

 
 
 
 
      
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.

【編輯推薦】

  1. 四大Flex效果組件用法詳解
  2. Flex基礎(chǔ) 創(chuàng)建***個(gè)Flex項(xiàng)目
  3. 剖析常見(jiàn)Flex效果組件用法
  4. FlexBuilder3.0與Eclipse3.4的***結(jié)合
  5. 學(xué)習(xí)筆記 FlexBuilder2.0中如何使用基于Lists的控件 

網(wǎng)頁(yè)標(biāo)題：學(xué)習(xí)筆記 Flex效果組件用法指南
分享路徑：http://www.dlmjj.cn/article/ccocsco.html