Flex中利用folderOpenIcon, folderClosedIcon和defaultLeafIcon样式改变默认文件夹和子项目图标

Flex中如何利用folderOpenIcon, folderClosedIcon和defaultLeafIcon样式改变默认文件夹和子项目图标的例子

 

1. <?xml version="1.0" encoding="utf-8"?> 
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
3.         layout="vertical" 
4.         verticalAlign="middle" 
5.         backgroundColor="white"> 
6.   
7.     <mx:Script> 
8.         <![CDATA[ 
9.             [Bindable] 
10.             [Embed("assets/folder.png")] 
11.             private var myFolderClosedIcon:Class; 
12.   
13.             [Bindable] 
14.             [Embed("assets/folder_page.png")] 
15.             private var myFolderOpenIcon:Class; 
16.   
17.             [Bindable] 
18.             [Embed("assets/arrow_right.png")] 
19.             private var myDefaultLeafIcon:Class; 
20.         ]]> 
21.     </mx:Script> 
22.   
23.     <mx:XML id="dp"> 
24.         <mlb> 
25.             <league label="American League"> 
26.                 <division label="East"> 
27.                     <team label="Boston" /> 
28.                     <team label="New York" /> 
29.                     <team label="Toronto" /> 
30.                     <team label="Baltimore" /> 
31.                     <team label="Tampa Bay" /> 
32.                 </division> 
33.                 <division label="Central"> 
34.                     <team label="Cleveland" /> 
35.                     <team label="Detroit" /> 
36.                     <team label="Minnesota" /> 
37.                     <team label="Chicago" /> 
38.                     <team label="Kansas City" /> 
39.                 </division> 
40.                 <division label="West"> 
41.                     <team label="Los Angeles" /> 
42.                     <team label="Seattle" /> 
43.                     <team label="Oakland" /> 
44.                     <team label="Texas" /> 
45.                 </division> 
46.             </league> 
47.         </mlb> 
48.     </mx:XML> 
49.   
50.     <mx:Tree id="TreeProject" 
51.             dataProvider="{dp.league}" 
52.             labelField="@label" 
53.             showRoot="true" 
54.             defaultLeafIcon="{myDefaultLeafIcon}" 
55.             folderOpenIcon="{myFolderOpenIcon}" 
56.             folderClosedIcon="{myFolderClosedIcon}" 
57.             width="320" 
58.             height="240" /> 
59.   
60. </mx:Application>