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

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

新聞中心

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

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

我們提供的服務(wù)有：網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、高陽ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學管理、有技術(shù)的高陽網(wǎng)站制作公司

Flex效果組件

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

1）Glow發(fā)光效果

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

 
 
 
    
  
  
  
  1. 
  
  
  
  2. 
  
  
  
  3. alphaTo="0.3"blurXFrom="0.0"blurXTo="50.0"blurYFrom="0.0"blurYTo="50.0"
    4. 
  
  
  
  4. 
  
  
  
  5. color="0x00FF00"/>
    6. 
  
  
  
  6. 
  
  
  
    8.

2）Iris虹效果

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

 
 
 
    
  
  
  
    2. 
  
  
  
  2. 
  
  
  
    4. 
  
  
  
  4. 
  
  
  
  5. 
  
  
  
  6. 
  
  
  
  7. visible="{cbx.selected}"showEffect="{irisIn}"hideEffect="{irisOut}"/>
    8. 
  
  
  
  8. 
  
  
  
    10.

3）Move移動效果

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

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

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

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

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

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

代碼清單MoveSample.mxml

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

 代碼中將Application的layout屬性設(shè)置為absolute，當用戶在應(yīng)用程序中任何位置上單擊鼠標時，調(diào)用moveImage方法，該方法中首先停止Move效果，然后根據(jù)鼠標單擊的位置設(shè)置目標位置，***播放效果。

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

4）Pause暫停效果

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


本文題目：剖析常見Flex效果組件用法
文章出自：http://www.5511xx.com/article/ccejeop.html