Flex：给ButtonBar添加图标

 http://yecon.blog.hexun.com/29684004_d.html
2009-02-22 20:37:30]  

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <!-- http://yecon.blog.hexun.com/29684004_d.html -->
   
3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
   
4.         layout="vertical"
   
5.         verticalAlign="middle"
   
6.         backgroundColor="white">
   
7. 
   
8.     <mx:Script>
   
9.         <![CDATA[
   
10.             [Bindable]
    
11.            
    [Embed("assets/Button.png")]
    
12.             private var
    buttonIcon:Class;
    
13. 
    
14.             [Bindable]
    
15. [Embed("assets/ButtonBar.png")]
    
16. private var buttonBarIcon:Class;
    
17. 
    
18.             [Bindable]
    
19.            
    [Embed("assets/CheckBox.png")]
    
20.             private var
    checkBoxIcon:Class;
    
21. 
    
22.             [Bindable]
    
23. [Embed("assets/ColorPicker.png")]
    
24. private var colorPickerIcon:Class;
    
25.         ]]>
    
26.     </mx:Script>
    
27. 
    
28.     <mx:Array id="arr">
    
29.         <mx:Object label="Button" icon="{buttonIcon}" />
    
30.         <mx:Object label="ButtonBar" icon="{buttonBarIcon}" />
    
31.         <mx:Object label="CheckBox" icon="{checkBoxIcon}" />
    
32.         <mx:Object label="ColorPicker" icon="{colorPickerIcon}" />
    
33.     </mx:Array>
    
34. 
    
35.     <!-- The data provider has an "icon" property.
    -->
    
36.     <mx:ButtonBar id="buttonBar"
    
37.             dataProvider="{arr}"
    
38.             height="32" />
    
39. 
    
40. </mx:Application>