Flextree加虚线显示效果并且替代原始图标

Flex Tree 的默认图标——那个小箭头加文件夹的组合——说实话，确实有点辣眼睛。好在网上有现成的改造方案，核心就是重写 Tree 的 ItemRender。下面直接上效果，图里是加了虚线、替换了图标之后的样子，看起来清爽多了。

实现思路不复杂，关键是两步：先把默认图标干掉，再换上自定义的虚线样式。去掉默认图标，用 CSS 把对应属性置空就行：

mx|Tree {
    folderOpenIcon: ClassReference(null);
    folderClosedIcon: ClassReference(null);
}

同时别忘了把展开折叠的小三角也清理掉：

mx|Tree {
    disclosureOpenIcon: ClassReference(null);
    disclosureClosedIcon: ClassReference(null);
}

图标清空之后，剩下的就是重写 ItemRender 来画虚线、加自定义节点。这部分网上资料很多，基本套路都一样，就不展开啰嗦了。关键点就一个：别把样式和逻辑写死，方便后续复用。