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

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

新聞中心

這里有您想知道的互聯網營銷解決方案
學習筆記 Flex效果組件用法指南

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

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

Flex效果組件

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

1）AnimateProperty動畫效果

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

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

2）Blur模糊效果

Flex效果中Blur是一種模糊效果。該效果使用了flash.filters.BlurFilter濾鏡，如果對某個組件應用了Blur效果，就不能再對該組件應用BlurFilter濾鏡，也無法再次應用Blur效果。下面的代碼通過Image對象的mouseDownEffect觸發(fā)器觸發(fā)Blur效果，在1秒鐘內，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改變目標對象的長寬屬性，而Zoom改變的目標對象的縮放比例。在下面的例子中，當鼠標移動到圖片上時開始播放Zoom效果，鼠標移出時還原。

代碼清單ZoomSample.mxml

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

【編輯推薦】

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

網頁名稱：學習筆記 Flex效果組件用法指南
文章網址：http://www.5511xx.com/article/ccocsco.html