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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
超炫Flex效果組件用法指導

本文和大家重點討論一下Flex效果組件的用法，如果希望在觸發(fā)器被觸發(fā)后，延遲一段時間調(diào)用Flex效果，可以使用startDelay屬性。

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設,肅南裕固族自治企業(yè)網(wǎng)站建設,肅南裕固族自治品牌網(wǎng)站建設,網(wǎng)站定制,肅南裕固族自治網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,肅南裕固族自治網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

Flex效果組件

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

1）AnimateProperty動畫效果

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

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

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

2）Blur模糊效果

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

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

 
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.

 4）Zoom縮放效果

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

代碼清單ZoomSample.mxml

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

【編輯推薦】

  1. 解析Flex效果組件中三大超炫效果
  2. Flex主題創(chuàng)建及支持的樣式設置方式
  3. 學習筆記 Flex效果組件用法指南
  4. 剖析常見Flex效果組件用法
  5. Flex數(shù)據(jù)綁定及其使用頻繁的幾種情況 

分享題目：超炫Flex效果組件用法指導
文章地址：http://m.5511xx.com/article/cdgecpe.html