Flex：在TileList中渲染时保留原始图像大小

Question

使用自定义渲染器在tileList中上传多个图像。但是当每个上传的图像都设置为TileList时，它将失去原始大小。
如何在TileList上渲染原始图像时保留原始图像？

<mx:TileList  paddingTop="3" id="listView" contentBackgroundAlpha="0"
                contentBackgroundColor="0XFF00FF" horizontalCenter="true"
                     width="500" height="450"
                     itemRenderer="ImageRandeer"
                     dataProvider="{imageCollection}"
                     allowMultipleSelection="true"
                     >
        </mx:TileList>

项目渲染器

<mx:Box xmlns:fx="http://ns.adobe.com/mxml/2009" 
                xmlns:s="library://ns.adobe.com/flex/spark" 
                xmlns:mx="library://ns.adobe.com/flex/mx"
                paddingBottom="3" paddingLeft="3" paddingRight="3" paddingTop="3"
                >

    <mx:Image source="{data.image}" height="150" width="150" />

</mx:Box>

加载

private function selectHandler(event:Event):void
{       
    event.currentTarget.fileList as ArrayList;
    var file:FileReference;
    for(var i:Number = 0; i < fileRef.fileList.length; i++) {
        file = fileRef.fileList[i];
        file.addEventListener(Event.COMPLETE,onLoaded);
        file.load();
    }
}

private function onLoaded( event : Event) : void
{
    var obj:Object = new Object();
    obj.name = event.currentTarget.name;
    obj.image = event.currentTarget.data;
    imageCollection.addItem(obj);

}