日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

新聞中心

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

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

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

Flex效果組件

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

1）AnimateProperty動畫效果

AnimateProperty是用來為組件的屬性或樣式設(shè)置動畫的效果。我們可以通過其property屬性設(shè)定目標(biāo)對象上需要設(shè)置動畫效果的屬性，然后設(shè)置fromValue屬性和toValue屬性，為效果提供屬性的起始值和結(jié)束值。例如下面的代碼使用mouseDownEffect觸發(fā)器，當(dāng)單擊圖片時，觸發(fā)AnimateProperty效果，在1秒鐘內(nèi)，Image對象的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.

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

2）Blur模糊效果

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

 
 
 
 
      
  
  
  
  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效果中這些類定義了4個方向的擦除效果，通常與showEffect和hideEffect觸發(fā)器配合使用，使用起來非常簡便，如下面的例子。

代碼清單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.

 運行該程序，效果如圖9-2所示。

圖9-2擦除效果

4）Zoom縮放效果

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

代碼清單ZoomSample.mxml

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

【編輯推薦】

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

本文題目：學(xué)習(xí)筆記 Flex效果組件用法指南
新聞來源：http://m.5511xx.com/article/ccocsco.html