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

利用外部项呈示器展示List信息及添加图片的示例

对于希望在界面上展示列表信息并附带图片的朋友们，这是一个不错的示例。通过以下步骤，你可以轻松实现这一功能，希望对你有所帮助。

一、项呈示器文件设置

我们首先需要创建一个项呈示器文件，其代码示例如下：

```xml

xmlns:fx="

xmlns:s="library://ns.adobe/flex/spark"

xmlns:mx="library://ns.adobe/flex/mx"

autoDrawBackground="true">

paddingLeft="10"

paddingTop="10"

gap="20"

verticalAlign="middle"/>

[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;

}

]]>

```

二、在Application主文件中引用

接下来，在application的主文件中引用该项呈示器。代码示例如下：

```xml

id="stuList"

100%"

100%"

dataProvider="{stuColl}"

itemRenderer=".hz.StuListItemRender">

```

三、显示效果

当你运行上述代码后，你将看到一个列表，其中每一项都包含一张图片和相关的文本信息。图片位于列表项的左侧，文本信息则显示在图片的右侧。整个列表呈现水平布局，每项之间有一定的间隔。这就是利用外部项呈示器显示List信息及添加图片的简单示例。希望对你有所帮助！