Flex List 中实现插入图片、多行文本等

先看效果：

这样就可以看到了，在上面的List的每一个Item中都构造了图片，文本（在这里可以自己加入自己想要加入的东西）。

数据结构(从数据库中得到的数据也可以组织为下面的形式):

xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx"

public var queryResult:ArrayList=new ArrayList();

queryResult.addItem({infoImage:"images/factoryImages/qy1.jpg",objectID:57.000000,infoName:"昱胜资讯（济南）有限公司",telPhone:"[phone]",address:"济南市工业南路100号枫润大厦20层"});
queryResult.addItem({infoImage:"images/factoryImages/qy2.jpg",objectID:58.000000,infoName:"大众报业集团",telPhone:"[phone]",address:"经十路16122号山东报业大厦"});
queryResult.addItem({infoImage:"images/factoryImages/qy3.jpg",objectID:59.000000,infoName:"昱胜资讯（济南）有限公司",telPhone:"[phone]",address:"济南市工业南路100号枫润大厦20层"});
queryResult.addItem({infoImage:"images/factoryImages/qy4.jpg",objectID:60.000000,infoName:"大众报业集团",telPhone:"[phone]",address:"经十路16122号山东报业大厦"});
queryResult.addItem({infoImage:"images/factoryImages/qy5.jpg",objectID:61.000000,infoName:"昱胜资讯（济南）有限公司",telPhone:"[phone]",address:"济南市工业南路100号枫润大厦20层"});
queryResult.addItem({infoImage:"images/factoryImages/qy1.jpg",objectID:62.000000,infoName:"大众报业集团",telPhone:"[phone]",address:"经十路16122号山东报业大厦"});
queryResult.addItem({infoImage:"images/factoryImages/qy1.jpg",objectID:63.000000,infoName:"昱胜资讯（济南）有限公司",telPhone:"[phone]",address:"济南市工业南路100号枫润大厦20层"});
queryResult.addItem({infoImage:"images/factoryImages/qy1.jpg",objectID:64.000000,infoName:"大众报业集团",telPhone:"[phone]",address:"经十路16122号山东报业大厦"});
queryResultList.dataProvider=queryResult;

组织：

<mx:List id="queryResultList" x="0" y="32" width="340" height="387" borderColor="#D2CBCB"
doubleClickEnabled="true" （说明：默认的itemDoubleClick是false,要先设为true注册的itemDoubleClick事件才可有效）
itemDoubleClick="queryResultList_itemDoubleClickHandler(event)">

<mx:itemRenderer>
<fx:Component>
<mx:Container width="390" height="85" backgroundAlpha="1.0" backgroundColor="#FFFFFF" borderColor="#D2CBCB">
<mx:Image  x="10" y="10" width="50" height="62.5"  source="{data.infoImage}"/>
<mx:Label id="qymc" x="70" y="10" width="240" height="25" fontFamily="微软雅黑" fontSize="18" text="{data.infoName}" />
<mx:Label id="qytelPhone"  x="70" y="39" width="240" height="18" fontFamily="微软雅黑" fontSize="12" text="电话：{data.telPhone}" />
<mx:Label id="qyaddress"  x="70" y="55" width="240" height="18" fontFamily="微软雅黑" fontSize="12" text="地址：{data.address}"/>
</mx:Container>
</fx:Component>
</mx:itemRenderer>
</mx:List>

注意：

 mx标签与s标签混用是data.infonName是读取不到的，