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

2023-12-07 0 145

首先是外部项呈示器文件: 复制代码 代码如下: <?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> 显示效果如下:

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 Flex flex4.0 利用外部项呈示器显示List信息并添加图片示例 https://www.u-9.cn/biancheng/flex/126230.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务