最近做一个东西,想要实现屏蔽罩的效果,可是发现Flex并不能原生支持gif图片,是因为Flex中默认播放一帧,所以gif图片是静态的,不过在网上查询了一些资料,发现需要一个辅助插件才能使用gif图片。
这个辅助的插件网址是http://code.google.com/p/as3gif/downloads/list,本人下载下来后将此文件制作为一个swc包(你可在此下载),这样每次使用时你只需要引用此swc包就可以了。
好了,现在上一个例子。
新建一个mxml文件gifPlayerDemo,代码如下所示:
- <?xmlversionxmlversion="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>
运行效果如下所示:
忘了,截图也是静态的哈。(*^__^*) ,不过你可以试试。
其实本人想要实现的是屏蔽罩的效果,就是以模态的方式显示此幅图片,我也实现了,效果如下所示,代码我就不贴了:
呵,就介绍这么多了!