主页 > 知识库 > flex4.0 利用外部项呈示器显示List信息并添加图片示例

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>

显示效果如下:

标签:长治 沈阳 上海 河南 沧州 红河 乐山 新疆

巨人网络通讯声明:本文标题《flex4.0 利用外部项呈示器显示List信息并添加图片示例》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266