flex 学习笔记 tree的各个子级的颜色

代码：

 
 

<?xml?version="1.0"?encoding="utf-8"?>?
  
  

<s:Application?xmlns:fx="http://ns.adobe.com/mxml/2009"? ?

  
  

???????????????xmlns:s="library://ns.adobe.com/flex/spark"? ?

  
  

???????????????xmlns:mx="library://ns.adobe.com/flex/mx"? ?

  
  

???????????????minWidth="955"?minHeight="600"?xmlns:logic="contr.*">?

  
  

????<fx:Declarations>?

  
  

????????<!--?将非可视元素（例如服务、值对象）放在此处?-->?

  
  

????????<fx:XMLList?id="treeData">?

  
  

????????????<node?label="选择数据集">?

  
  

????????????????<node?label="hsql">?

  
  

????????????????????<node?label="tabels">?

  
  

??????????????????????????<node?label="订单"?head="images/install.jpg"/>?

  
  

??????????????????????????<node?label="订单明细"?head="images/install.jpg"/>?

  
  

??????????????????????????<node?label="雇员"?head="images/install.jpg"/>?

  
  

????????????????????</node>? ?

  
  

????????????????</node>?

  
  

????????????????<node?label="mysql">?

  
  

????????????????????<node?label="tabels">?

  
  

??????????????????????????<node?label="demo_salesday"?head="images/install.jpg"/>?

  
  

??????????????????????????<node?label="Personal"?head="images/install.jpg"/>?

  
  

????????????????????</node>? ?

  
  

????????????????</node>?

  
  

????????????</node>?

  
  

????????</fx:XMLList>?

  
  

????</fx:Declarations>?

  
  

????<mx:VBox?backgroundColor="#CCCCCC"?width="100%"?height="100%"?verticalAlign="middle"?horizontalAlign="center">?

  
  

????????<mx:Tree?dataProvider="{treeData}"?width="200"?height="200"?labelField="@label"??depthColors="[#CCCCCC,#f60f0f,#1c47e8,#31eb18]"/>?

  
  

????</mx:VBox>?

  
  

</s:Application>?

 
 

效果：