急求:如何用Flex4实现背景图片淡进淡出
xw448 2010-04-10 11:41:12
在Flex4中我用1个Timer事件实现对多个图片轮换的淡进淡出(如下代码),但是有个问题
问题:淡进淡出的效果需要,在一张图片淡出的同时就要能看到另外一张图片开始淡入,也就是说能同时看到两张图片自然的切换两张图片,不能在一张图片显示结束后再显示另外一种图片,这样屏幕会有闪烁感
如何实现这样的效果呀???
protected function creationCompleteHandler(evt:Event):void
{
var timerOne:Timer = new Timer(5000);
timerOne.addEventListener(TimerEvent.TIMER, onTimerOne);
timerOne.start();
}
protected function onTimerOne(event:TimerEvent):void{
var imgArray:Array = ["1.jpg","2.jpg","3.jpg"];//图片名称
var numRandom:Number = Math.random();
var randomImg:Number = int(Math.random()*10)%3;//获取显示图片
img.source="images/"+imgArray[randomImg];
fader.end();
fader.play([imgOne]);
}
<mx:Image id="img" source="@Embed('images/1.jpg')"/>
<mx:Sequence id="fader">
<mx:Fade alphaFrom="0.4" alphaTo="1.0" duration="3000" />
<mx:Fade alphaFrom="1.0" alphaTo="0.4" duration="3000" />
</mx:Sequence>