Flex中如何给depthColors样式设置一个颜色数组给树Tree控件不同层设置不同颜色的例子

最新推荐文章于 2024-04-08 15:53:49 发布

转载最新推荐文章于 2024-04-08 15:53:49 发布 · 1.9k 阅读

文章标签：

#tree #flex #application #download #encoding #layout

Flex 专栏收录该内容

188 篇文章

订阅专栏

本文介绍在Flex中如何使用depthColors样式属性为Tree控件的不同层级设置不同的背景颜色。通过一个具体示例展示了如何定义颜色数组并将其应用于XML数据源的多层次结构。

接下来的例子演示了Flex中如何给depthColors样式，设置一个颜色数组给树Tree控件不同层设置不同颜色。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

 下面是完整代码(或点击这里察看)：
 Download: main.mxml<?xml version="1.0" encoding="utf-8"?> 
<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, #DDDDDD, #CCCCCC, #BBBBBB, #AAAAAA]" 
            rowCount="4" 
            width="300" /> 
  
</mx:Application>
 本文转自:http://blog.minidx.com/2008/12/23/1812.html