flex添加 播放 gif圖片

初學flex遇到加載gif問題，翻遍網絡（由於google被封）找不到解決方法。總結整理後得到如下方法解決：

Flex裏Image控件插入gif動畫的圖片默認只顯示一幀，也就是說是不會動的，我們可以藉助GifPlayer類包來實現Flex裏插入動畫的Gif圖片。

GifPlayer下載:http://download.csdn.net/detail/d294083434/9432178，如圖，提取org文件夾並放在程序目錄src下面就可以了。

實例一：簡單添加gif

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Script>
        <![CDATA[
        import org.bytearray.gif.player.GIFPlayer;

        private var gifPlay:GIFPlayer=new GIFPlayer();
        private function init():void{
        var req:URLRequest=new URLRequest("../flex_src/images/復件-雨量圖標.gif");
        gifPlay.load(req);
        gifImg.addChild(gifPlay);
        }
        ]]>
    </fx:Script>
    <mx:TitleWindow title="abc" id="ADwindow" width="1000" height="800" >
        <mx:Image id="gifImg" width="221" height="92" creationComplete="init()"/>
     </mx:TitleWindow>
</s:Application>

實例二：演示了幾個常用的功能:播放、停止、到第幾幀播放、到第幾幀停止。

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">
    <fx:Script>
        <![CDATA[
            import flash.net.URLRequest;
            import org.bytearray.gif.player.GIFPlayer;
            import org.bytearray.gif.events.FileTypeEvent;
            import org.bytearray.gif.events.GIFPlayerEvent;
            import org.bytearray.gif.events.FrameEvent;
            import org.bytearray.gif.events.TimeoutEvent;
            private var _myGIFPlayer:GIFPlayer = new GIFPlayer();//實例化GIFPlayer實例
            private var _totalFrame:Number;//總幀數
            //private var _currentFrame:Number;

            private function init():void
            {
                var request:URLRequest = new URLRequest("../flex_src/images/復件-雨量圖標.gif");//同級目錄下得md.gif圖片
                _myGIFPlayer.load(request);
                img.addChild(_myGIFPlayer);//img控件添加播放
                _myGIFPlayer.addEventListener(GIFPlayerEvent.COMPLETE, onCompleteGIF);//載入gif圖片完畢時的回調函數
                _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 + ")";
            }

        ]]>
    </fx:Script>
    <s:layout>
        <s:BasicLayout/>
    </s:layout>
    <fx:Declarations>
        <!-- 將非可視元素（例如服務、值對象）放在此處 -->
    </fx:Declarations>
    <mx:Image id="img" width="217" height="300" top="30" left="240"/>

    <mx:ApplicationControlBar width="80%" bottom="20" horizontalCenter="0">
        <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>
</s:Application>