Flex4 ButtonBar设置图标及获取选中对象

 不多说，直接上代码

 

<?xml version="1.0" encoding="utf-8"?>
<!-- http://www.myflexhero.com/share/flex-hero-flex4/flex-hero-components/flex-hero-ui-components/flex-hero-buttonbar/626  -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   viewSourceURL="srcview/index.html">
	<fx:Declarations>
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			
			[Bindable]
			[Embed(source="assets/toolbaricon/Enlarge.png")] 		
			public var EnlargeIcon:Class; 
			[Bindable]
			[Embed(source="assets/toolbaricon/Narrow.png")] 				
			public var NarrowIcon:Class; 
			
			protected function buttonBar_clickHandler(event:MouseEvent):void
			{
				var msg:String = "[" + buttonBar.selectedIndex + "] " + buttonBar.selectedItem.label;
				Alert.show(msg);
			}
			
			private function setToolBarButtonIcon(item:Object):Class
			{
				var tn:Object = item;
				
				if(tn.icon == "Enlarge")
					return EnlargeIcon;
				else if(tn.icon == "Narrow")
					return NarrowIcon;
			} 
			
		]]>
	</fx:Script>
	
	<s:ButtonBar id="buttonBar" iconFunction="setToolBarButtonIcon"  click="buttonBar_clickHandler(event)" >
		<s:ArrayCollection>
			<fx:Object name="enlargeButton" label="放大" icon="Enlarge"/>
			<fx:Object name="narrowButton" label="缩小" icon="Narrow"/>
		</s:ArrayCollection>
	</s:ButtonBar>
	
</s:Application>