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>

?