在Flex中使用buttonBar

在這裡我們使用數據綁定來生成一個buttonBar，中間還使用到樣式，對於樣式的定義要與網頁中的CSS更靈活．代碼如下： <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initUI()"> <mx:Style>    Application {     fontSize: 12;    }       .btns {     buttonStyleName: "mybuttonBarButtonStyle";     firstButtonStyleName: "mybuttonBarFirstButtonStyle";     lastButtonStyleName: "mybuttonBarLastButtonStyle";    }       .mybuttonBarButtonStyle {     color: #990000;    }       .mybuttonBarFistButtonStyle {     cornerRadius: 4;    }       .mybuttonBarLastButtonStyle {     cornerRadius: 4;    } </mx:Style> <mx:Script>    <![CDATA[     import mx.events.ItemClickEvent;         internal function initUI():void {      var data_arr:Array = new Array();      data_arr.push('Flex', 'Flash', 'Flash Media Server', 'Flex Data Server');      btns.dataProvider = data_arr;     }         internal function btn_click_handler(evt:ItemClickEvent):void {      tip_txt.text = '點擊的按鈕：' + evt.index + ':' + evt.label;     }    ]]> </mx:Script> <mx:ButtonBar id="btns" styleName="btns" horizontalGap="0" x="10" y="122" itemClick="btn_click_handler(event)" /> <mx:Label id="tip_txt" x="10" y="190" text="沒有點擊按鈕" height="27" width="261" /> </mx:Application>