Flex改变Tree树的节点图标和颜色
发布时间:2020-12-15 03:45:56 所属栏目:百科 来源:网络整理
导读:? package{ import mx.controls.treeClasses.TreeItemRenderer; import mx.controls.treeClasses.TreeListData; public class myt extends TreeItemRenderer { public function myt() { super(); } override protected function updateDisplayList(unscaledW
? package { import mx.controls.treeClasses.TreeItemRenderer; import mx.controls.treeClasses.TreeListData; public class myt extends TreeItemRenderer { public function myt() { super(); } override protected function updateDisplayList(unscaledWidth:Number,unscaledHeight:Number):void { super.updateDisplayList(unscaledWidth,unscaledHeight); var mylistData:TreeListData=listData as TreeListData; label.x+=1; if(mylistData.item.@dead==1) { label.setColor(7701126); } else if(mylistData.item.@level==1) { label.setColor(0); } else if(mylistData.item.@level==2) { label.setColor(38468); } else if(mylistData.item.@level==3) { label.setColor(12736512); } else if(mylistData.item.@level==4) { label.setColor(12714109); } else if(mylistData.item.@level==5) { label.setColor(20961); } else { label.setColor(getStyle("color")); } } } }
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init();" layout="absolute" width="200" height="270"> <mx:XMLList id="xmlListColl" xmlns=""> <node label="用户组1"> <node label="VIP5 李林 准备付款" office="tai" level="5" dead="0"/> <node label="VIP2 张正 正在选购" office="nei" level="2" dead="0"/> <node label="VIP3 张啊 游客" office="none" level="3" dead="0"/> <node label="VIP4 张饿 游客" office="none" level="4" dead="0"/> <node label="VIP1 张才 游客" office="none" level="1" dead="0"/> <node label="VIP5 张个 游客" office="none" level="5" dead="1"/> </node> <node label="用户组2"> <node label="VIP2 张正" office="none" level="2" dead="0"/> <node label="VIP2 张正" office="none" level="2" dead="0"/> <node label="VIP2 张正" office="none" level="2" dead="0"/> </node> <node label="用户组3"> <node label="VIP2 张正" office="none" level="2" dead="0"/> <node label="VIP2 张正" office="none" level="2" dead="0"/> </node> </mx:XMLList> <mx:Script> <![CDATA[ import mx.controls.Label; import mx.containers.VBox; import mx.controls.treeClasses.TreeItemRenderer; [Embed("icon/user.gif")] private var FolderTableIcon:Class; [Embed("icon/u0.gif")] private var FolderUserIcon:Class; [Embed("icon/u1.gif")] private var FolderWrenchIcon:Class; [Embed("icon/u2.gif")] private var other:Class; private function init():void { for(var i:int=0;i<xmlListColl.length();i++){ tree.setItemIcon(xmlListColl[i],FolderTableIcon,FolderTableIcon); for(var j:int=0;j<xmlListColl[i].node.length();j++){ var xml:XML=xmlListColl[i].node[j] as XML; if(xml.@office=="nei"){ tree.setItemIcon(xml,FolderUserIcon,FolderUserIcon); }else if(xml.@office=="tai"){ tree.setItemIcon(xml,FolderWrenchIcon,FolderWrenchIcon); }else{ tree.setItemIcon(xml,other,other); } } } } ]]> </mx:Script> <mx:Tree id="tree" labelField="@label" width="180" showScrollTips="true" height="250" styleName="tre" rowHeight="20" itemRenderer="myt" doubleClickEnabled="true" dataProvider="{xmlListColl}" x="10" y="10" fontSize="12" dropIndicatorSkin="@Embed(source='icon/folder-green.gif')" indentation="6" disclosureClosedIcon="@Embed(source='icon/add-page-green.gif')" disclosureOpenIcon="@Embed(source='icon/omit-page-green.gif')"/> </mx:Application> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |