Java与Flex学习笔记(10)----Flex中加载gif图片

       最近做一个东西,想要实现屏蔽罩的效果,可是发现Flex并不能原生支持gif图片,是因为Flex中默认播放一帧,所以gif图片是静态的,不过在网上查询了一些资料,发现需要一个辅助插件才能使用gif图片。


       这个辅助的插件网址是http://code.google.com/p/as3gif/downloads/list,本人下载下来后将此文件制作为一个swc包(你可在此下载),这样每次使用时你只需要引用此swc包就可以了。


        好了,现在上一个例子。


        新建一个mxml文件gifPlayerDemo,代码如下所示:


<?xmlversion="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="app_creationCompleteHandler(event)">
   
    <fx:Script>
       <![CDATA[
           import com.ldfsoft.flex.player.GIFPlayer;
          
           import mx.events.FlexEvent;
          
           private var myGifPlayer:GIFPlayer = new GIFPlayer(true);
          
           protected function app_creationCompleteHandler(event:FlexEvent):void
           {
              // TODOAuto-generated method stub
              var url:URLRequest=new URLRequest("images/460.gif");
              myGifPlayer.load(url);
              myGifPlayer.visible=true;
              img.source=myGifPlayer;
           }
          
       ]]>
    </fx:Script>
   
    <fx:Declarations>
       <!-- Place non-visualelements (e.g., services, value objects) here -->
    </fx:Declarations>
   
       <mx:Image id="img" x="27" y="10" width="292" height="291"/>
</s:Application>


     运行效果如下所示: 


Java与Flex学习笔记(10)----Flex中加载gif图片_第1张图片


       忘了,截图也是静态的哈。(*^__^*) ,不过你可以试试。


       其实本人想要实现的是屏蔽罩的效果,就是以模态的方式显示此幅图片,我也实现了,效果如下所示,代码我就不贴了:


Java与Flex学习笔记(10)----Flex中加载gif图片_第2张图片


       呵,就介绍这么多了!


      原创文章,转载请注明出处:http://www.dianfusoft.com/




 

你可能感兴趣的:(java,Flex,application,import,library)