Flex加载图片的常用的几种方式

最新推荐文章于 2020-10-22 20:18:19 发布

原创最新推荐文章于 2020-10-22 20:18:19 发布 · 111 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #Adobe #XML

flex 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了在Flex中加载图片的三种不同方式：1) 将图片编译到SWF文件中；2) 使用Loader动态加载；3) 直接设置图片源。详细解释了每种方法的特点及适用场景。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="InitApp()">
    <mx:Script>
        <![CDATA[

            //第一种方式这种方式编译以后1.jpg 会直接编译进swf文件中所以swf可以独立存在
             [Bindable]
             [Embed(source="1.jpg")]
             private var imgClass:Class;

            //第2种方式
             private var _loader:Loader;

             private function InitApp():void{

                //第一种方式的代码
                 _img.source = imgClass;

                //第二种方式的代码
                 _loader = new Loader();
                //这里需要注意的是不是_loader.addEventListener   这样是没有效果的
                 _loader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event):void{
                     _img.source = e.currentTarget.content;
                 });
                //这里说一个技巧   当url 中有中文字体的话使用encodeURI方法如果没有则可以不加
                 _loader.load(new URLRequest(encodeURI("1.jpg")));


                //第三种方式比较简单
                 _img.source = "1.jpg";  //注意这里必须设置img autoLoad属性为true

                //最后说明其中第2 第3种方式中swf都不能独立存在必须配合1.jpg文件的存在而第一种方式则不需要
             }
         ]]>
    </mx:Script>
    <mx:Image x="51" y="62" width="298" height="245" autoLoad="true" id="_img"/>
</mx:Application>