Java与Flex学习笔记（10）----Flex中加载gif图片

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

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

好了，现在上一个例子。

新建一个mxml文件gifPlayerDemo，代码如下所示：

<br></p><p></p><p><br></p><p> 忘了，截图也是静态的哈。(*^__^*) ，不过你可以试试。</p><p><br></p><p> 其实本人想要实现的是屏蔽罩的效果，就是以模态的方式显示此幅图片，我也实现了，效果如下所示，代码我就不贴了：<br></p><p><br></p><p><img style="max-width: 100%;height: auto;width: auto\9;" src="//img.reader8.net/uploadfile/jiaocheng/20140197/2832/201401282132564122.jpg" alt="Java与Flex学习札记（10）-Flex中加载gif图片"><br></p><p><br></p><p> 呵，就介绍这么多了！</p><p><br></p><p><br></p><p> </p> </p></div><div style="margin:0 auto;width:300px;height:250px;position:relative;"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 移动端全站正文 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6147101717324856" data-ad-slot="1958144088" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="subn-nav"><a href="//m.reader8.net">读书人网</a> ><a href="//m.reader8.net/jiaocheng/qtrjjc/">flex</a></div><div class="sp-jctu"><h3><span> 热点推荐 </span></h3><ul><li><p><a href="//m.reader8.net/jiaocheng/20140418/2306464.html">flex air桌面应用程序和JAVA通讯</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140330/2288469.html">Flex可否做到这些功能</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140330/2288468.html">MyEclipse 8.5 寮</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140319/2277546.html">flex 网络拓扑图解决思路</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140319/2277545.html">flex 磁盘信息解决思路</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140222/2254832.html">MyEclipse8.5 性能优化,如何减小内存使</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140314/2270695.html">AdvancedDataGrid 依据节点的名称设置</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140314/2270694.html">纯flex开发前端可以吗？解决思路</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140222/2254838.html">flash builder 生成的 swf 在 IE 中不</a></p></li> <li><p><a href="//m.reader8.net/jiaocheng/20140122/2098654.html">flex时间就秒秒变时间</a></p></li> </ul></div><div style="display:none;"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?d6151f323a57d16696165e47eee86d53"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></div> <div class="footer"><p>触屏版 | <a href="//www.reader8.net/jiaocheng/20120702/2094001.html#fromapp">电脑版</a></p><p>读书人网 m.reader8.net</p></div> <script language="javascript"> function clickme(sad){ var divobjdiv = document.getElementById("divobjdiv" + sad); if(divobjdiv.style.display =="none"){ divobjdiv.style.display ="block"; }else{ divobjdiv.style.display ="none"; } var wenzi = document.getElementById('divobjimg' + sad); if(wenzi.innerText == "收起"){ wenzi.innerText = "查看更多"; }else{ wenzi.innerText = "收起"; } } </script> <div id="back-top"><a href="#top"><span></span></a></div> </body> </html>