Image flex 4-图像未添加到UIComponenet

我正在尝试将图像动态加载到图像控件，然后将其添加到精灵，并将精灵添加到UIComponent

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
           xmlns:s="library://ns.adobe.com/flex/spark" 
           xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
           applicationComplete="init()">
<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
<fx:int id = "_rows" />
<fx:int id = "_cols" />     

</fx:Declarations>
<s:layout>
    <s:VerticalLayout>

    </s:VerticalLayout>

</s:layout>
<fx:Script>
    <![CDATA[
        import as3isolib.geom.Pt;
        import as3isolib.utils.IsoDrawingUtil;

        import mx.controls.Alert;
        import mx.core.IVisualElement;

        private var sprite:Sprite;
        [Binable]
        private var imgUrl:String = "http://localhost/greenrev/images//marketitems/menu_houses.png";
        //[Bindable]
//          private var _rows:int = 1;
//          //[Bindable]
//          private var _cols:int = 1;
        private var _cellSize:int=40;

        private function init(){

            sprite = new Sprite();
            //Alert.show(sprite.numChildren.toString());
            imgContainer.addChild(sprite);
            //Alert.show(sprite.numChildren.toString());

            loadImage(imgUrl);

        }

        private function loadImage(url:String):void{

            //img.source = url;
            img.load(url);

        }

        private function loadingComplete(event:Event):void{

            if (sprite.numChildren>0){
                sprite.removeChildAt(0);
            }

            sprite = new Sprite();
            sprite.addChild(img);
            sprite.cacheAsBitmap = true;
            sprite.graphics.clear();
            sprite.graphics.beginFill(0xffff00, 0.3);
            _rows = int(rows.text);
            _cols = int(cols.text);
            Alert.show(_rows.toString() + "," + _cols.toString());
            IsoDrawingUtil.drawIsoRectangle(sprite.graphics,new Pt(0,0),_cellSize * _rows,_cellSize * _cols);
            sprite.graphics.endFill();

            if (imgContainer.numChildren>0){
                imgContainer.removeChildAt(0);
            }

            imgContainer.addChild(sprite);
//              imgContainer.addChild(img);
            //Alert.show("loading complete");

        }

        private function loadingFail(event:IOErrorEvent):void{

            Alert.show(event.text);

        }

    ]]>
</fx:Script>
<s:BorderContainer id="main"  verticalCenter="-244" horizontalCenter="-422" width="80%" height="90%">
    <s:layout>
        <s:VerticalLayout verticalAlign="middle" horizontalAlign="center">

        </s:VerticalLayout>
    </s:layout>
    <s:BorderContainer>
        <mx:UIComponent id="imgContainer">

        </mx:UIComponent>
    </s:BorderContainer>

    <s:BorderContainer>
        <s:layout>
            <s:HorizontalLayout>

            </s:HorizontalLayout>
        </s:layout>
        <s:VGroup>
            <s:TextInput id="rows"  minWidth="100" text = "{_rows}"/>
            <s:TextInput id = "cols" minWidth="100" text = "{_cols}"/>
            <s:TextInput id = "txtImgUrl" minWidth="400" text="{imgUrl}"/>
            <s:Button label="Refresh" click="loadImage(imgUrl)"/>

        </s:VGroup>


    </s:BorderContainer>

</s:BorderContainer>

<mx:Image id="img" complete="loadingComplete(event)" visible="true" ioError="loadingFail(event)">

</mx:Image>

</s:Application>

0){
雪碧。移除雪碧（0）；
}
精灵=新精灵（）；
sprite.addChild（img）；
sprite.cacheAsBitmap=true；
graphics.clear（）；
sprite.graphics.beginll（0xffff00，0.3）；
_rows=int（rows.text）；
_cols=int（cols.text）；
Alert.show（_rows.toString（）+”，“+_cols.toString（））；
IsoDrawingUtil.drawIsoRectangle（sprite.graphics，新Pt（0,0），_cellSize*_行，_cellSize*_列）；
sprite.graphics.endFill（）；
if（imgContainer.numChildren>0）{
imgContainer.removeChildAt（0）；
}
imgContainer.addChild（精灵）；
//imgContainer.addChild（img）；
//警报。显示（“加载完成”）；
}
私有函数加载失败（事件：IOErrorEvent）：无效{
Alert.show（event.text）；
}
]]>

---

我不知道为什么图像没有显示。如您所见，我正在尝试在完整事件发生后添加图像。请帮助

I将URL更改为“http://horses-bg.net/wp-content/uploads/2009/11/2752_beloved-horses.jpg“然后图像出现了。 我还注释掉了IsoDrawingUtil.drawinisorectangle（..），因为我没有您正在使用的库。 问题可能出现在您的URL中，或者出现在IsoDrawingutil中：]

希望这有帮助

祝你好运

---

Blaze

Hmmm这只是布局问题，但对我来说仍然是个难题。自由党的火焰没有问题。令我惊讶的是，这些图像被遮挡在第二个边界容器后面。尽管我已经将图像控件添加到UIComponent中，UIComponent位于第一个border容器内。