如何在Flex中更改照片時進行過渡動畫

Question

我在Flex中有圖像我想用actionscript更改圖像以每隔3秒左右顯示一些其他圖像。我也想在圖像和下一個之間進行轉換，例如淡入/淡出。最好的辦法是什麼？

Answer 1

如果你想淡入新圖像，同時淡出舊圖像，使用並行對象：

var p:Parallel = new Parallel(); 
var fadeOut:Fade = new Fade(image1); 
fadeOut.alphaFrom = 1; 
fadeOut.alphaTo = 0; 
var fadeIn:Fade = new Fade(image2); 
fadeIn.alphaFrom = 0; 
fadeIn.alphaTo = 1; 
p.addChild(fadeOut); 
p.addChild(fadeIn); 
p.duration = 1000; //time in ms 
p.play(); 

Answer 2

揀起東西時，你已經有一個形象了：

使用第一個圖像上的Fade效果。使其alphaFrom =「1.0」及其alphaTo =「0.0」。它將隨後發送一個EffectEnd事件。在該事件的處理程序中，切換目標圖像源並調用另一個效果，即切換alphaFrom和alphaTo值並切換圖像源。然後使用計時器或setTimeout（或setInterval）在圖像上保留一段時間，然後沖洗並重復。看看上面提供的鏈接中的例子。這真的不難。

Answer 3

使用計時器更改image source屬性以及Fade效果。

的一般要點是：

1. 定時器完
2. 開始淡出效果
3. 在淡出效果完整，改變圖像源
4. 開始淡入效果
5. 在淡入完成，重啓計時器