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

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

新聞中心

這里有您想知道的互聯網營銷解決方案
四種常見Flex效果組件用法解析

你對Flex效果組件的概念是否了解，這里和大家分享一下幾個常見的Flex效果，我們可以通過設置repeatCount屬性和repeatDelay屬性，來分別控制效果播放的次數和重復播放效果的時間間隔（以毫秒為單位）。

成都創(chuàng)新互聯公司專注于長春企業(yè)網站建設,成都響應式網站建設,商城網站制作。長春網站建設公司,為長春等地區(qū)提供建站服務。全流程按需定制網站，專業(yè)設計，全程項目跟蹤，成都創(chuàng)新互聯公司專業(yè)和態(tài)度為您提供的服務

Flex效果組件

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

1）Flex效果組件之Glow發(fā)光效果

Glow是一種發(fā)光效果，該效果使用了flash.filters.GlowFilter濾鏡類。如果對某個組件應用了Glow效果，就不能對該組件應用GlowFilter濾鏡，也無法再次應用Glow效果。下面的代碼通過Image對象的mouseDownEffect觸發(fā)器觸發(fā)Glow效果：

 
 
 
    
  
  
  
  1.   
  
  
  2. alphaTo="0.3" 
    3.   
  
  
  3.  
    4.   
  
  
  4. blurXFrom="0.0"blurXTo="50.0"blurYFrom="0.0" 
    5.   
  
  
  5. blurYTo="50.0"color="0x00FF00"/> 
    6.   
  
  
  6.  
    7.   
  
  
  7.   
  
  
  8. mouseDownEffect="{glowImage}"/> 
    9.   
  
  
  9.  
    10.

 2）Flex效果組件之Iris虹效果

Iris效果通過擴展或收縮集中在目標上的矩形遮罩為效果目標設置動畫。該效果可以從目標的中心放大遮罩來顯示目標，也可以向中心收縮遮罩來隱藏目標。下面的代碼使用一個CheckBox對象設置Image的visible屬性，通過hideEffect和showEffect觸發(fā)器分別觸發(fā)各自的Iris效果：

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.   
  
  
  6.  
    7.   
  
  
  7. showEffect="{irisIn}"hideEffect="{irisOut}"/> 
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.

3）Flex效果組件之Move移動效果

Move效果用來實現移動動畫。在給定時間內，組件的位置會隨時間變化而變化。使用該效果通常需要用到以下幾個屬性。

lxFrom和yFrom屬性用來指定初始位置。

lxTo和yTo屬性用來指定目標位置。

lxBy和yBy用來指定移動量，即組件在x軸向和y軸向上的移動速度。

通常只需要指定初始位置、目標位置或移動量這些值中的任意2個，Flex就會計算第3個值。如果指定所有這3個值，Flex就會忽略xBy和yBy值。如果僅指定xTo和yTo值或xBy和yBy值，那么Flex會將xFrom和yFrom設置為對象的當前位置。

下面的程序演示了如何使用Move效果。

代碼清單MoveSample.mxml

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.   
  
  
  4.  
    5.   
  
  
  5. "0"  
    6.   
  
  
  6.  
    7.   
  
  
  7. layout="absolute"mouseDown="moveImage();"> 
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.   
  
  
  12.  
    13.   
  
  
  13. //當按下鼠標時調用該事件  
    14.   
  
  
  14.  
    15.   
  
  
  15. privatefunctionmoveImage():void{  
    16.   
  
  
  16.  
    17.   
  
  
  17. //停止播放Move效果  
    18.   
  
  
  18.  
    19.   
  
  
  19. moveEffect.end();  
    20.   
  
  
  20.  
    21.   
  
  
  21. //設置目標位置  
    22.   
  
  
  22.  
    23.   
  
  
  23. moveEffect.xTo=mouseX;  
    24.   
  
  
  24.  
    25.   
  
  
  25. moveEffect.yTo=mouseY;  
    26.   
  
  
  26.  
    27.   
  
  
  27. //播放Move效果  
    28.   
  
  
  28.  
    29.   
  
  
  29. moveEffect.play();  
    30.   
  
  
  30.  
    31.   
  
  
  31. }  
    32.   
  
  
  32.  
    33.   
  
  
  33. ]]> 
    34.   
  
  
  34.  
    35.   
  
  
  35.  
    36.   
  
  
  36.  
    37.   
  
  
  37.  
    38.   
  
  
  38.  
    39.   
  
  
  39.  
    40.   
  
  
  40.  
    41.   
  
  
  41.  
    42.   
  
  
  42.  
    43.

 代碼中將Application的layout屬性設置為absolute，當用戶在應用程序中任何位置上單擊鼠標時，調用moveImage方法，該方法中首先停止Move效果，然后根據鼠標單擊的位置設置目標位置，最后播放效果。

通常Move效果應用于使用絕對定位的容器（如Canvas）或使用“l(fā)ayout=absolute”的容器（如Application或Panel）中。如果需要將其應用到自動布局的容器（如VBox或Grid容器）中，雖然會移動目標對象，但下次容器更新其布局時，會將目標對象移回其原始位置。在這種情況下，可以將容器的autoLayout屬性設置為false來禁止往回移動，但這會禁用容器中所有控件的布局。

4）Flex效果組件之Pause暫停效果

Pause效果可以實現在指定時間段內不執(zhí)行任何操作的功能。如果將Pause效果添加為Sequence效果的子項，可以創(chuàng)建2個其他效果之間的暫停。


當前名稱：四種常見Flex效果組件用法解析
路徑分享：http://www.5511xx.com/article/dhojeje.html