flex4.0 利用外部項(xiàng)呈示器顯示List信息并添加圖片示例
更新時(shí)間：2013年09月29日 15:07:06 作者：
利用外部項(xiàng)呈示器顯示List信息并添加圖片，在本文有個(gè)不錯(cuò)的示例，喜歡的朋友可以參考下，希望對(duì)大家有所幫助
首先是外部項(xiàng)呈示器文件：
<?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>
顯示效果如下：
復(fù)制代碼 代碼如下:
<?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主文件中引用即可：
復(fù)制代碼 代碼如下:
<s:List id="stuList" width="100%" height="100%" dataProvider="{stuColl}" itemRenderer="com.hz.StuListItemRender">
</s:List>
顯示效果如下：
相關(guān)文章
這篇文章主要介紹了在Flex中判斷是否在組件之外單擊的技巧,需要的朋友可以參考下2014-05-05
flex 遍歷Object對(duì)象內(nèi)容的實(shí)現(xiàn)代碼
這篇文章主要介紹了flex 遍歷Object對(duì)象內(nèi)容的實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-07-07
Flex中TextInput組件設(shè)置限制某些字符的輸入的方法
TextInput組件設(shè)置限制輸入例如限制某個(gè)字符的輸入、設(shè)置只能輸入某些字符等等，下面是具體的示例，喜歡的朋友可以參考下2014-01-01
文本框值的length取出的是字符個(gè)數(shù)，并不是字節(jié)長(zhǎng)度，如果含有中文或者全角字符，一個(gè)字符是2個(gè)字節(jié)，下面與大家分享下具體的判斷方法，感興趣的朋友可以參考下哈2013-07-07
在Flex中給datagrid添加右鍵菜單項(xiàng)的具體實(shí)現(xiàn)
Flex中如何給datagrid添加右鍵菜單項(xiàng)，其實(shí)很簡(jiǎn)單，下面有個(gè)不錯(cuò)的教程，感興趣的朋友可以參考下2013-12-12
flex tree自動(dòng)顯示橫向滾動(dòng)條實(shí)現(xiàn)代碼
flex tree自動(dòng)顯示橫向滾動(dòng)條想必有很多的朋友都不會(huì)吧，下面與大家分享下具體的實(shí)現(xiàn)方法，感興趣的你可不要錯(cuò)過了哈2013-05-05
Flex調(diào)Javascript打開新窗口示例代碼
Flex通過調(diào)用Javascript打開全屏的新窗口新窗口示例代碼 ，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
自己閑暇時(shí)間整理了有關(guān)復(fù)選框可下拉的幾種用法，在這里與大家分享下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
flex4.0 利用外部項(xiàng)呈示器顯示List信息并添加圖片示例
利用外部項(xiàng)呈示器顯示List信息并添加圖片，在本文有個(gè)不錯(cuò)的示例，喜歡的朋友可以參考下，希望對(duì)大家有所幫助2013-09-09
AdvancedDataGrid實(shí)現(xiàn)雙表頭表格，在某些情況下還是比較實(shí)用的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-10-10