flex4.0 利用外部项呈示器显示List信息并添加图片示例_Flex

上一篇: Flex实现双轴组合图的设计思路及... 下一篇:flex中如何用图像给按钮做皮肤

flex4.0 利用外部项呈示器显示List信息并添加图片示例

发布时间：2022-04-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了flex4.0 利用外部项呈示器显示List信息并添加图片示例，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

首先是外部项呈示器文件：

<?XMl version="1.0" encoding="utf-8"?>
<s:ITemRenderer xMLns:fx="http://ns.adobe.COM/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
autoDrawBackground="true">
<s:Group>
<s:layout>
<s:HorizontalLayout paddingLeft="10" paddingTop="10" gap="20" verticalAlign="middle"/>
</s:layout>
<fx:Script>
<![CDATA[
[Embed(source="images/user_suPErman.png")]
PRivate const imgsource:Class;
private function getImage(data:Object):Object
{
if(data!=null)
{
VAR img:Image=new Image();
img.source=imgsource;
this.addElement(img);
}
return null;
}
]]>
</fx:Script>
<s:Image source="{getImage(this.data)}"/>
<s:Label text="{data.sName}+'***'+{data.sAge}"/>
</s:Group>
</s:ItemRenderer>

第二部呢，就是在application主文件中引用即可：

复制代码代码如下:

<s:List id="stuList" width="100%" height="100%" dataProvider="{stuColl}" itemRenderer="com.hz.StuListItemRender">
</s:List>

显示效果如下：