5.4.為TileList創(chuàng)建一個基本的條目渲染器

2024-04-27 13:51:56

字體：大中小

供稿：網(wǎng)友

5.4.1問題
為TileList 類設(shè)置一個定制的itemRenderer，當(dāng)數(shù)據(jù)從TileList 傳遞給渲染器時它將附一個特定的依賴于代碼的圖象
5.4.2 解決方法
當(dāng)數(shù)是為渲染器設(shè)置時創(chuàng)建一個VBox 對象并且覆蓋set data 方法來從雜亂數(shù)據(jù)中讀取相匹配的圖象來編碼傳遞
5.4.3 討論
一個List 的條目渲染器傳遞一個描述當(dāng)前表中每一個條目的數(shù)據(jù)對象，它用來創(chuàng)建渲染器中詳細的列和行，所有定制數(shù)據(jù)處理都需要在item renderer 中完成,它將在為數(shù)據(jù)屬性設(shè)置方法時發(fā)生,所以item renderer 將會與父級列表同步

對于下面這個例子，一個圖象列表以靜態(tài)公共引用形式存放在單獨的文件來存取并且被引用到這里的一個不規(guī)則列表來與positionType 的值作比較以使這個參數(shù)值傳遞到數(shù)據(jù)屬性，

-XML

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="400"
height="300">
<mx:Script>
<![CDATA[
[Bindable]
private var type:String;
[Bindable]
private var imageClass:Class;
private var typeToPositionHash:Object = {1:"Manager",2:"Accountant",3:"Designer", 4:"Developer"};
private var typeToImageHash:Object = {1:Assets.managerIcon, 2:Assets.accountantIcon,3:Assets.designerIcon, 4:Assets.developerIcon};
override public function set data(value:Object):void {
type = typeToPositionHash[value.positionType];
imageClass = typeToImageHash[value.positionType];
nameText.text = value.name;
}

]]>
</mx:Script>
<mx:Text text="{type}"/>
<mx:Image source="{imageClass}"/>
<mx:Text id="nameText" fontSize="16"/>
</mx:VBox>