Question

flex动态加载list，内容都出来了，但是图片不能显示？具体代码如下：

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:supportClasses="spark.skins.mobile.supportClasses.*"
actionBarVisible="false" title="" xmlns:views="views.*" creationComplete="xmldata.send()">
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
<s:HTTPService id="xmldata" url="source/file/BookInfo.xml" resultFormat="e4x" result="xmlResult(event)"/>
</fx:Declarations>

<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;

import spark.components.List;
private var xmls:XML=new XML();
private var messageXml:ArrayCollection=new ArrayCollection();
private function xmlResult(e:ResultEvent):void
{
xmls=XML(e.result.bookinfo);
var num:int=xmls.book.length();
var arr:Array=new Array;
for(var i:int=0;i<num;i++)
{
var obj:Object=new Object();
obj.productIcon=xmls.book[i].@url;
obj.productName=xmls.book[i].@name;
obj.productMessage=xmls.book[i].@url;
arr[i]=obj;
}
messageXml.source=arr;
}
]]>
</fx:Script>

<s:Scroller width="100%" height="100%">
<s:HGroup width="100%" height="100%">
<s:List id="listmessage" width="100%" height="100%" dataProvider="{messageXml}">
<s:itemRenderer>
<fx:Component>
<s:IconItemRenderer iconPlaceholder="@Embed('source/pic/messageButton.png')"
iconField="productIcon" labelField="productName" messageField="productMessage"
iconWidth="60" iconHeight="60">
</s:IconItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:List>
</s:HGroup>
</s:Scroller>
</s:View>

Answer 1

只显示文字内容，因为包含图片资源ItemRender需要对所有内容进行布局设置。
比如这样，自己可以对ItemRender的内容进行布局调整。
<s:itemRenderer>
<s:BorderContainer>
<s:Image source="{data.productIcon}" />
<s:Label text="{data.productName}" />
<s:Image source="{data.productMessage}" />
</s:BorderContainer>
</s:itemRenderer>

追问

出不来，对资源的引用有问题，不能用"{data.productIcon}"这种方式访问资源，对了，忘记说了，我这个是一个Flex 手机项目

追答

没开发过手机的应用。这有个链接你参考吧。
http://blog.csdn.net/neil89/article/details/7093699

追问

谢谢你，我就是参考的这个做的，但是当我用外部数据源的时候图片就不能正常显示了

追答

使用外部数据源，是不是应该考虑加载的问题。这里不能单纯使用对Source赋值吧，在给数据源赋值时，对图片的URL进行load处理试下。
obj.productIcon=xmls.book[i].@url;你是否可以对这个地方做进步的处理？
obj.productIcon的值，是对URL进行load处理的结果呢？

Answer 2

你的数据是什么样子？url指定的是什么位置的图片？

追问

数据是通过加载XML文件，然后将数据读取到ArrayCollection中，图片的位置是当前目录下的一个文件夹

追答

不是指定的嵌入路径吧，那个是不能动态设置的

追问

不是嵌入的，是直接给地址加载的那种

追答

没看到明显的错误，自己再调试一下吧。

1. 断点加在设置数据源时，看看生成的数组对不对

2. 检查图片路径是否正确