最近做一个东西,想要实现屏蔽罩的效果,可是发现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>
运行效果如下所示:
忘了,截图也是静态的哈。(*^__^*) ,不过你可以试试。
其实本人想要实现的是屏蔽罩的效果,就是以模态的方式显示此幅图片,我也实现了,效果如下所示,代码我就不贴了:
呵,就介绍这么多了!
原创文章,转载请注明出处:http://www.dianfusoft.com/