如何在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. 在淡入完成，重启计时器