flex4.0 利用外部项呈示器显示List信息并添加图片示例_Flex教程-查字典教程网
flex4.0 利用外部项呈示器显示List信息并添加图片示例
flex4.0 利用外部项呈示器显示List信息并添加图片示例
发布时间:2016-12-29 来源:查字典编辑
摘要:首先是外部项呈示器文件:复制代码代码如下:[Embed(source="images/user_superman.png")]private...

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

复制代码 代码如下:

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

显示效果如下:

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Flex学习
    热门Flex学习
    编程开发子分类