加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读