Question

我在向IconItemRenderer中的“iconField”设置ByteArray图像时遇到问题。我想我已经在那里使用了“iconFunction”，但是我应该怎样调用在“iconField”中设置图像？

请帮忙！提前谢谢。

<s:IconItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx"
iconFunction="initializeIcon"
iconWidth="45"
iconHeight="45">

<fx:Script>
    <![CDATA[
    import mx.utils.Base64Decoder;
    private function initializeIcon(data:Object):void
    {
        var imageName:String = data.image; //image is Base64 encoded data from a dynamic array

        var byteArr:ByteArray;
        var base64Dec:Base64Decoder = new Base64Decoder();

        base64Dec.decode(imageName);
        byteArr = base64Dec.toByteArray();

        //set iconField? what should I do from here on.
    }
    ]]>
</fx:Script>
</s:IconItemRenderer>

Answer 1

此代码将解决您的问题。

<?xml version="1.0"?>
<s:IconItemRenderer xmlns:s="library://ns.adobe.com/flex/spark"
                    xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:component="spark.components.*"
                    iconField='byteArray'>
    <fx:Script>
    <![CDATA[
        import mx.utils.Base64Decoder;

        override public function set data(value:Object):void {
            super.data = value;
            var imageName:String = data.image;
            var base64Dec:Base64Decoder = new Base64Decoder();
            base64Dec.decode(imageName);
            data.byteArray = base64Dec.toByteArray();
        }
        ]]>
</fx:Script>
</s:IconItemRenderer>

我认为将解码器放入项目渲染器并不是最佳做法。我建议保持水平以上。另请注意，IconItemRenderer仅适用于移动应用程序。

如何在Flex 4中将Byte Array设置为Icon ItemRenderer？

1 个答案: