Flex中如何通过Tree类的setItemIcon事件给Tree节点设置一个个性化图标

下面是完整代码(或点击这里察看)：

Download: main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
3. layout="horizontal"
4. verticalAlign="middle"
5. backgroundColor="white"
6. creationComplete="init();">
8. <mx:Script>
9. <![CDATA[
10. [Embed("assets/folder_table.png")]
11. private var FolderTableIcon:Class;
13. [Embed("assets/folder_user.png")]
14. private var FolderUserIcon:Class;
16. [Embed("assets/folder_wrench.png")]
17. private var FolderWrenchIcon:Class;
19. private function init():void {
20. var nodeOne:XML = xmlListColl.getItemAt(0) as XML;
21. tree.setItemIcon(nodeOne, FolderTableIcon, FolderTableIcon);
23. var nodeTwo:XML = xmlListColl.getItemAt(1) as XML;
24. tree.setItemIcon(nodeTwo, FolderUserIcon, FolderUserIcon);
26. var nodeThree:XML = xmlListColl.getItemAt(2) as XML;
27. tree.setItemIcon(nodeThree, FolderWrenchIcon, FolderWrenchIcon);
28. }
29. ]]>
30. </mx:Script>
32. <mx:XMLListCollectionid="xmlListColl">
33. <mx:source>
34. <mx:XMLList>
35. <nodelabel="One">
36. <nodelabel="One.1">
37. <nodelabel="One.1.1">
38. <nodelabel="One.1.1.1">
39. <nodelabel="One.1.1.1.1" />
40. </node>
41. </node>
42. </node>
43. <nodelabel="One.2" />
44. <nodelabel="One.3" />
45. </node>
46. <nodelabel="Two">
47. <nodelabel="Two.1" />
48. <nodelabel="Two.2" />
49. <nodelabel="Two.3" />
50. </node>
51. <nodelabel="Three" />
52. </mx:XMLList>
53. </mx:source>
54. </mx:XMLListCollection>
56. <mx:Treeid="tree"
57. dataProvider="{xmlListColl}"
58. labelField="@label"
59. width="250"
60. rowCount="6"
61. showScrollTips="true"/>
63. </mx:Application>

本文转自:http://blog.minidx.com/2008/12/24/1816.html