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;  
}