Apache flex 按图像排列

我想为包含图像和标签的列表实现一个itemRenderer。列表的数据提供程序是我从后端获得的对象列表：

public class Object {
private String label;

private byte[] content;

}

我的项目渲染器：

<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                      xmlns:s="library://ns.adobe.com/flex/spark" 
                      xmlns:mx="library://ns.adobe.com/flex/mx">
<s:layout>
    <s:HorizontalLayout/>
</s:layout>
<mx:Image source="{data.content}"/>
<s:Label text="{data.label}"/>

我只得到一张破碎的照片。有人知道我为什么要解决这个问题吗。 提前谢谢 Yayo

• 位图或位图数据实例
• 表示类的子类的类 显示对象
• BitmapFill实例化该类并创建 它的位图渲染。显示对象的实例。这个 BitmapFill将其复制到位图中进行填充
• 外部图像文件的名称

spark.components.Image不能将ByteArray实例用作源。 所以您需要将其转换为位图实例

大概是这样的：

<?xml version="1.0"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">

    <fx:Script><![CDATA[
        private var _bytesLoader:Loader;

        override public function set data(value:Object):void
        {
            super.data = value;

            _loadBytes(data.bytes as ByteArray);
        }

        private function _loadBytes(bytes:ByteArray):void
        {
            _destroyBytesLoader();

            if (!bytes)
            {
                return;
            }

            _createBytesLoader();
            try
            {
                _bytesLoader.loadBytes(bytes);
            }
            catch (e:*)
            {
                _destroyBytesLoader();
            }
        }

        private function _createBytesLoader():void
        {
            _bytesLoader = new Loader();
            _bytesLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, _bytesLoader_completeHandler);
            _bytesLoader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, _bytesLoader_errorHandler);
            _bytesLoader.contentLoaderInfo.addEventListener(AsyncErrorEvent.ASYNC_ERROR, _bytesLoader_errorHandler);
        }

        private function _destroyBytesLoader():void
        {
            if (!_bytesLoader)
            {
                return;
            }

            _bytesLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE, _bytesLoader_completeHandler);
            _bytesLoader.contentLoaderInfo.removeEventListener(IOErrorEvent.IO_ERROR, _bytesLoader_errorHandler);
            _bytesLoader.contentLoaderInfo.removeEventListener(AsyncErrorEvent.ASYNC_ERROR, _bytesLoader_errorHandler);

            try
            {
                _bytesLoader.unload();
            }
            catch (e:*){}

            _bytesLoader = null;
        }

        private function _bytesLoader_completeHandler(event:Event):void
        {
            try
            {
                myImage.source = Bitmap(_bytesLoader.content).bitmapData.clone();
            }
            catch (e:*)
            {
            }
            _destroyBytesLoader();
        }

        private function _bytesLoader_errorHandler(event:Event):void
        {
            _destroyBytesLoader();
        }

        ]]></fx:Script>

    <s:layout>
        <s:HorizontalLayout />
    </s:layout>

    <s:Image id="myImage"/>
    <s:Label text="{data.label}" />

</s:MXDataGridItemRenderer>

破碎的图像是什么意思？看起来好像有图像，但你看不见图像image@user628213分享截图？很遗憾，我不能/不允许发布截图：（，因为我是新用户谢谢你的帮助。我发现了问题。它在数据库中。它不是正确的bytearray。它只适用于myImage.source=data.content