5.4.為TileList創建一個基本的條目渲染器

2024-04-27 13:51:56

字體：大中小

來源：轉載

供稿：網友

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

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

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