5.6.為Tree創(chuàng)建項(xiàng)渲染器

2024-04-27 13:51:56

字體：大中小

供稿：網(wǎng)友

5.6.1.問(wèn)題
為Tree 組件更改功能
5.6.2.解決方法
創(chuàng)建一個(gè)itemRenderer 繼承自TreeItemRenderer 類
5.6.3討論
更改一個(gè)Tree 組件功能使之比其它基于list 的組件更靈活,與DataGrid, TileList, 或List組件不同的是,你不能為Tree 組件使用dropInItemRenderer，只能繼承TreeItemRenderer類來(lái)創(chuàng)建一個(gè)itemRenderer, TreeItemRenderer 為Tree 組件定義了默認(rèn)的條目渲染器,TreeItemRenderer 的默認(rèn)行為是在tree 中繪制關(guān)聯(lián)的每一個(gè)條目的文本,一個(gè)可選擇的圖標(biāo)，和一個(gè)可選的可定義圖標(biāo).

通過(guò)這一節(jié)使用TreeListData 對(duì)象的父級(jí)傳遞TreeItemRenderer， TreeListData 定義了以下屬性：
depth : int tree 中條目的層級(jí)

disclosureIcon : Class 為Tree 組件的條目描繪可定義的圖標(biāo)的一個(gè)類

hasChildren : Boolean 若該結(jié)點(diǎn)有孩子結(jié)點(diǎn)時(shí)為true

icon : Class 為Tree 組件的條目描繪圖標(biāo)的一個(gè)類

indent : int Tree 組件的當(dāng)前行的默認(rèn)縮排

item : Object Tree 組件的當(dāng)前條目的數(shù)據(jù)

label : String 條目數(shù)據(jù)的文本表現(xiàn)，基于List 類的itemToLabel 方法

open : Boolean 結(jié)點(diǎn)開(kāi)放時(shí)為true

下面這個(gè)例子使用了這個(gè)方法來(lái)改變子文本為紫色和粗體.它同樣為每一個(gè)目錄增加了一些文本以顯示這個(gè)特別的分支中有多少對(duì)象。

-ActionScript

package oreilly.cookbook {
import mx.controls.treeClasses.*;
import mx.collections.*;
public class CustomTreeItemRenderer extends TreeItemRenderer {
public function CustomTreeItemRenderer() {
super ();
mouseEnabled = false ;
}

TreeItemRenderer 中的listData 屬性涉及到Tree 對(duì)象父級(jí)的數(shù)據(jù),它是用來(lái)判斷當(dāng)前渲染器數(shù)據(jù)對(duì)象包含的所有孩子

-ActionScript

override public function set data(value:Object):void {
if (value != null ) {
super.data = value;
if (TreeListData(super.listData).hasChildren) {
setStyle("color", 0x660099);
setStyle("fontWeight", 'bold');
} else
{
setStyle("color", 0x000000);
setStyle("fontWeight", 'normal');
}
}
}

updateDisplayList 方法是被覆蓋來(lái)檢查當(dāng)前渲染器傳遞的結(jié)點(diǎn)是否占有父級(jí)Tree 中TreeListData 正在使用的所有孩子

-ActionScript

override protected function updateDisplayList(unscaledWidth:Number,unscaledHeight:Number):void{
super.updateDisplayList(unscaledWidth, unscaledHeight);
if(super.data){
if(TreeListData(super.listData).hasChildren){
var tmp:XMLList = new XMLList(TreeListData(super.listData).item);
var myStr:int = tmp[0].children().length();
super.label.text =TreeListData(super.listData).label + "("+myStr + "objects)";
}
}
}
}
}