flex4.0 利用外部项呈示器显示List信息并添加图片示例
2018-10-12 14:04
253 查看
首先是外部项呈示器文件:
第二部呢,就是在application主文件中引用即可:
显示效果如下:
<?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>
显示效果如下:
相关文章推荐
- TextView显示html信息、在文本下面添加下划线、中划线、设置图片
- 利用jQuery实现图片信息的浮动显示
- SQLite数据库储存图片信息,GridView显示,基本实现添加、删除图标操作 ... ...
- 利用animation-list做每隔几秒显示一张图片的动画效果
- 一天JavaScript示例-点击图片显示大图片添加鼠标
- 利用JQuery为显示的内容中所有图片添加超链接
- 利用jQuery实现图片信息的浮动显示
- android问题:从list集合中循环读取图片地址,使用异步下载,利用baseAdapter怎样显示到listView中
- 自定义编辑框VC,可加载更改字体,添加背景图片,显示输入提示信息
- [Android]simplelistadapter 与数据库绑定显示list 并且根据数据库内容产生图片信息
- android利用抽屉添加图片,点击图片可以放大显示
- 在Flex的png图片中添加文字信息并透明显示
- 利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
- 二进制图片信息存入数据库并用gridview显示图片(添加鼠标移到图片上显示大图效果)后台语言vb.net
- Android ListView 列表分隔,条目中添加分类信息(文字,图片等)
- 利用JQuery显示不刷新页面获得服务器传来数据的最简单示例
- Flex上传图片等信息到数据库,并下载显示图片
- FlexViewer3.4中CompositeSymbol复合型标注中添加图片与文字后第一次点击后不显示图片,二次点击后才显示
- 利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
- html插入图片示例(html添加图片)