flex4.0 利用外部項呈示器顯示List信息并添加圖片示例
更新時間：2013年09月29日 15:07:06 作者：
利用外部項呈示器顯示List信息并添加圖片，在本文有個不錯的示例，喜歡的朋友可以參考下，希望對大家有所幫助
首先是外部項呈示器文件：
<?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打開新窗口將主窗口數(shù)據(jù)傳給子窗口然后返回
主窗口打開子窗口，主窗口有數(shù)據(jù)傳給打開的子窗口，子窗口關(guān)閉時直接返回主窗口，具體的實現(xiàn)如下，感興趣的朋友可以參考2013-12-12
ie9下關(guān)閉彈出窗口出現(xiàn)__flash__removeCallback未定義錯誤
在關(guān)閉彈出窗口時，出現(xiàn)__flash__removeCallback未定義錯誤。而且是關(guān)了又出現(xiàn)，關(guān)于這個問題的解決方法如下2014-09-09
Flex4 DataGrid中如何嵌入RadioButton
本文為大家介紹下Flex4 DataGrid中嵌入RadioButton的方法，下面有個不錯的示例，感興趣的朋友可以參考下2013-12-12
Flex 基于數(shù)據(jù)源的Menu Tree實現(xiàn)代碼
由外部參數(shù)flashvars指定數(shù)據(jù)源的文件位置或render鏈接,在源數(shù)據(jù)上加href和target屬性來控制打開窗口,可自定義父節(jié)點和子節(jié)點圖標(biāo),不設(shè)置采用系統(tǒng)默認,感興趣的你可以了解下啊，或許對你有所幫助2013-01-01
下面小編就為大家?guī)硪黄媪私鈌lex的用途。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
AdvancedDataGrid實現(xiàn)雙表頭表格，在某些情況下還是比較實用的，下面有個不錯的示例，感興趣的朋友可以參考下2013-10-10
本節(jié)主要介紹了flex actionScript讀取文件實現(xiàn)代碼，需要的朋友可以參考下2014-07-07
這篇文章主要介紹了Flex彈出窗口請求Action函數(shù),需要的朋友可以參考下2014-05-05
flex actionScript時間處理相加返回相加后的date
這篇文章主要介紹了flex actionScript時間處理相加返回相加后的date,需要的朋友可以參考下2014-07-07
flex中使用RadioButtonGroup時取出所選項的值的方法
flex中的RadioButtonGroup想必大家并不陌生吧，在本文將為大家介紹下在使用RadioButtonGroup時如何取出所選項的值，感興趣的朋友可以參考下2013-12-12