The following example shows how you can alternate item colors based on the item's depth in a flex tree control by setting
Depthcolors
Style to an array of colors <? XML version = "1.0" encoding = "UTF-8" ?>
<! -- Http://blog.flexexamples.com/2007/11/27/alternating-row-colors-in-a-flex-tree-control-using-the-depthcolors-style/ -->
< MX: Application Xmlns: MX = "Http://www.adobe.com/2006/mxml"
Layout = "Vertical"
Verticalalign = "Middle"
Backgroundcolor = "White" >
< MX: xmllistcollection ID = "Xmllistcoll" >
< MX: Source >
< MX: xmllist >
< Node Label = "One" >
< Node Label = "One.1" >
< Node Label = "One.1.1" >
< Node Label = "One.1.1.1" >
< Node Label = "One.1.1.1.1" />
</ Node >
</ Node >
</ Node >
< Node Label = "One.2" />
< Node Label = "One.3" />
</ Node >
< Node Label = "Two" >
< Node Label = "Two.1" />
< Node Label = "Two.2" />
< Node Label = "Two.3" />
</ Node >
</ MX: xmllist >
</ MX: Source >
</ MX: xmllistcollection >
< MX: Tree ID = "Tree"
Dataprovider = "{Xmllistcoll }"
Labelfield = "@ Label"
Depthcolors = "[# Ffffff, # eeeeee, # dddddddd, # cccccc, # bbbbbb, # aaaaaa]"
Rowcount = "4"
Width = "300" />
</MX: Application>