Flex Builder 3 で作成する flash の中で、サーバ上の画像ファイルを読み込んで表示をしたいのだが、「Action Script 3.0 逆引きクイックリファレンス」などの書籍に載っているやり方だと上手くいかない。
例えば、こんな感じ。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    initialize="initProc()"
    layout="absolute" width="420" height="250"
    borderColor="#D7DBDD" color="#000000"
    backgroundGradientAlphas="[1.0, 1.0]"
    backgroundGradientColors="[#CAC8C8, #CAC8C8]">
   
    <mx:Script>
    <![CDATA[

    import flash.net.URLRequest;
    import flash.display.*;
    import flash.events.*;

    public var gLoader:Loader    = new Loader();

    private function initProc():void {

        var url:URLRequest    = new URLRequest("http://hogehoge.jp/images/qr_code.gif");
        gLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);
        gLoader.load(url);

    }

    private function loadComplete(event:Event):void {

        var loaderInfo:LoaderInfo    = event.target as LoaderInfo;
        var bitmap:Bitmap    = loaderInfo.content as Bitmap;

        addChild(bitmap);

    }

    ]]>
    </mx:Script>

</mx:Application>

しかし、これで Flex Builder 3 で swf ファイルを作成しても、エラーも出ないが画像も表示されない。
ちゃんと画像は読み込まれ、Event.COMPLETE イベントも発生しているのだが、画像は表示されないのである。なんでぇ？

Web 上でググっても、だいたい、上のようなソースで上手くいっているようである。何で上手くいかないのかは謎。
FlexBuilder で吐く flash ファイルではこの書き方は駄目・・・とかいうことなんかなあ？識者の人、是非ご教示ください。

まあ、一応、UIComponent クラスを使ったやり方で表示じたいは出来ているので、問題はないのだが、何故に定番のやり方が上手くいかないのかは気になる。

ちなみに、上手くいっているソースは以下のとおり。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    initialize="initProc()"
    layout="absolute" width="420" height="250"
    borderColor="#D7DBDD" color="#000000"
    backgroundGradientAlphas="[1.0, 1.0]"
    backgroundGradientColors="[#CAC8C8, #CAC8C8]">

    <mx:Script>
    <![CDATA[

    import flash.net.URLRequest;
    import flash.display.*;
    import flash.events.*;
    import mx.core.UIComponent;

    public var gLoader:Loader    = new Loader();

    private function initProc():void {

        var url:URLRequest    = new URLRequest("http://hogehoge.jp/images/qr_code.gif");
        gLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);
        gLoader.load(url);

    }

    private function loadComplete(event:Event):void {

        var uic:UIComponent    = new UIComponent;

        uic.addChild(gLoader);
        this.addChild(uic);

    }

    ]]>
    </mx:Script>

</mx:Application>

いやぁ、ついつい同じ Flex Builder 3 で作る AIR アプリと同じ感覚で、「サーバ上の画像の表示？ HTML コンポーネントを使えばすぐですよ」なんて簡単に見積もってしまったが、実際には flash 用には HTML コンポーネントなんて用意されてないし、よって UIComponent クラスなんかも使うの初めてだし・・・厳しいぃ～(^^;