站长网 Unix 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” autoDrawBackgro

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

复制代码 代码如下:


<?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 dataProvider=”{stuColl}” itemRenderer=”com.hz.StuListItemRender”>
</s:List>


显示效果如下:

本文来自网络,不代表站长网立场,转载请注明出处:https://www.zwzz.com.cn/html/server/unix/2021/0525/6576.html

作者: dawei

【声明】:站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。
联系我们

联系我们

0577-28828765

在线咨询: QQ交谈

邮箱: xwei067@foxmail.com

工作时间:周一至周五,9:00-17:30,节假日休息

返回顶部