ButtonBar实例

ButtonBar.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initUI()">
    <mx:Style source="style.css"></mx:Style>
    <mx:Script>
        <![CDATA[
            import mx.events.ItemClickEvent;
            internal function initUI():void{
                var data_arr:Array=new Array();
                data_arr.push("flex");
                data_arr.push("flash");
                data_arr.push("flasg media server");
                data_arr.push("flex data server");
                btnb.dataProvider=data_arr;
            }
            internal function btn_click(evt:ItemClickEvent):void{
                tip_txt.text="点击的按钮："+evt.index+":"+evt.label;//ActionScript给Buttonbar实例添加数据源
            }
            
        ]]>
    </mx:Script>
    <mx:ButtonBar x="27" y="30" id="btnb" itemClick="btn_click(event)" styleName="Btns"> <!-- 在styleName中直接使用样式名，去掉前面的逗号 -->
    <!-- MXML代码中对ButtonBar的itemlick事件进行了监听，用户点击ButtonBar中的任一按钮时都会
    激发itemClick事件,我们可以用它来监控用户点击行为，获得点击按钮的位置   -->
    </mx:ButtonBar>
    <mx:Label x="27" y="81" text="没有点击按钮" id="tip_txt"/>
    
</mx:Application>

style.css
Application{
    fontSize:12;    
}
.Btns{
    buttonStyleName:"mybuttonBarButtonStyle";
    firstButtonName:"mybuttonBarFirstButtonStyle";
    lastButtonName:"mybuttonBarLastButtonStyle";
}
.mybuttonBarButtonStyle{
    color:#990000;
}
.mybuttonBarFirstButtonStyle{
    cornerRadius:4;
}
.mybuttonBarLastButtonStyle{
    cornerRadius:25;  
}