Flex显示图片的常用方式

第一种： 使用绑定的方式

<?xml version="1.0" encoding="utf-8"?>
<application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <script>
            [Bindable] 
            [Embed(source="../image/aa.png")] 
            private var imgClass:Class;  
    </script>
    <image source="{s}" width="150" height="151.8" id="img"></image>
</application>

 

第二种： 直接对source指定路径

<?xml version="1.0" encoding="utf-8"?>
<application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationcomplete="init()">
    <script>
        public function init():void{
            img.source="../image/mov.png";
        }
    </script>
    <image width="150" height="151.8" id="img"></image>
</application>

 

第三种：使用Loader类

<?xml version="1.0" encoding="utf-8"?>
<application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationcomplete="init()">
    <script>
        <mx:Script>
    <![CDATA[
        private var _loader:Loader; 
        public function init():void{
            _loader=new Loader();
            _loader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event){
                img.source=e.currentTarget.content;
            })
            //当url 中有中文字体的话 使用encodeURI方法 如果没有 则可以不加 
            _loader.load(new URLRequest("../image/中国.png"));
           }
    ]]>
    </script>
    <image width="150" height="151.8" id="img"></image>
</application>