不多说,直接上代码
<?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>