Flex里播放Gif图片
?
http://www.flexrain.cn/demo/flex/gifplayer.swf
?
Flex里Image控件插入gif动画的图片默认只显示一帧，也就是说是不会动的，我们可以借助GifPlayer类包来实现Flex里插入动画的Gif图片。
GifPlayer下载: http://code.google.com/p/as3gif/
实例里演示了几个常用的功能:播放、停止、到第几帧播放、到第几帧停止。
?
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" horizontalAlign="center" creationComplete="init();" preloader="com.preload.PreLoad" backgroundColor="0x414141" > <mx:Style source="flex/yfskin/yflexskin.css" /> <mx:Script> <![CDATA[ import flash.net.URLRequest; import org.gif.player.GIFPlayer; import org.gif.events.FileTypeEvent; import org.gif.events.GIFPlayerEvent; import org.gif.events.FrameEvent; import org.gif.events.TimeoutEvent; private var _myGIFPlayer:GIFPlayer = new GIFPlayer(); private var _totalFrame:Number; //private var _currentFrame:Number; private function init():void { var request:URLRequest = new URLRequest("md.gif"); _myGIFPlayer.load(request); img.addChild(_myGIFPlayer); _myGIFPlayer.addEventListener(GIFPlayerEvent.COMPLETE, onCompleteGIF); _myGIFPlayer.addEventListener(FrameEvent.FRAME_RENDERED, onFrameRendered); //_myGIFPlayer.addEventListener(TimeoutEvent.TIME_OUT, onTimeOut); } private function onCompleteGIF(event:GIFPlayerEvent):void { _totalFrame = _myGIFPlayer.totalFrames; totalframe.text = String(_totalFrame); } private function onFrameRendered(event:FrameEvent):void { currentframe.text = String(_myGIFPlayer.currentFrame); } private function onTimeOut(event:TimeoutEvent):void { trace ("gif is error!"); } private function play():void { _myGIFPlayer.play(); } private function stop():void { _myGIFPlayer.stop(); } private function gotoandplay():void { var numFrame:Number = Math.floor(Math.random() * _totalFrame ) + 1; _myGIFPlayer.gotoAndPlay(numFrame); gotoplaybtn.label = "gotoPlay(" + numFrame + ")"; } private function gotoandstop():void { var numFrame:Number = Math.floor(Math.random() * _totalFrame ) + 1; _myGIFPlayer.gotoAndStop(numFrame); gotostopbtn.label = "gotoStop(" + numFrame + ")"; } ]]> </mx:Script> <mx:Image id="img" width="217" height="300" top="30" left="240"/> <mx:ApplicationControlBar width="80%" left="50" bottom="20" > <mx:Button label="Play" height="22" click="play();" styleName="primaryButton" /> <mx:Button label="Stop" height="22" click="stop();" /> <mx:Button id="gotoplaybtn" height="22" label="gotoPlay(rand)" click="gotoandplay();" /> <mx:Button id="gotostopbtn" height="22" label="gotoStop(rand)" click="gotoandstop();" /> <mx:Label text="TotalFrame:" /> <mx:Label id="totalframe" /> <mx:Label text="CurrentFrame:" /> <mx:Label id="currentframe" /> </mx:ApplicationControlBar> </mx:Application>?