Flex树控件操作

最新推荐文章于 2025-12-02 09:42:37 发布

原创最新推荐文章于 2025-12-02 09:42:37 发布 · 156 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#大数据

Flex问题记录专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何自定义树控件的样式，包括透明度设置、节点图片修改以及不同状态的颜色变化。通过调整`defaultLeafIcon`、`disclosureOpenIcon`、`disclosureClosedIcon`等属性，可以实现个性化图标展示。同时，文章提供了关键的颜色属性调整，如移动时的背景色、选中时的文字颜色等，使树控件更具个性化和交互性。

树控件透明

<fx:Style>
		@namespace s "library://ns.adobe.com/flex/spark";
		@namespace mx "library://ns.adobe.com/flex/mx";
		@namespace viewer "com.esri.viewer.*";
		@namespace userapp "ProjectWidgets.UserApp.*";
		@namespace managerservice "services.managerservice.*";
		@namespace ProjectWidgets "ProjectWidgets.*";
		
		
		mx|Tree{
			contentBackgroundAlpha: 0;
		}
		
	</fx:Style>

对节点图片的相关操作

叶子节点图标去掉代码如下:

    <mx:Style>
        Tree {
            defaultLeafIcon: ClassReference(null);
        }
    </mx:Style>

defaultLeafIcon指定叶图标

disclosureClosedIcon指定的图标旁边显示一个封闭的分支节点。默认的图标是一个黑色三角形。

disclosureOpenIcon指定的图标旁边显示一个开放的分支节点。默认的图标是一个黑色三角形。

folderClosedIcon关闭指定的文件夹图标的一个分支节点。

folderOpenIcon指定打开的文件夹图标的一个分支节点。

三角图标修改如下代码使用即可换成自己的了：

disclosureOpenIcon:Embed(source='images/a.png');
disclosureClosedIcon:Embed(source='images/b.png');

树控件的几种颜色

rollOverColor="0xE0FFFF" //移动时的背景色
textSelectedColor="0x000000" //选中时的文字颜色
selectionColor="0x8A2BE2" //选中时的背景色
textRollOverColor="0x000000" //移动时的文字颜色

参考链接：http://hi.baidu.com/tjy9999/item/a786d12ae4ff8df950fd871c