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>