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

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

2014-01-18 17:19:09 [小大] 已经帮助：人解决问题

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

复制代码代码如下:

 
<?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> 

显示效果如下：

（责任编辑：）