ToggleButtonBar的使用

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initUI()">
    <mx:Script>
        <![CDATA[
            import mx.events.ItemClickEvent;   //导入点击事件对像
            internal function initUI():void{
                var arr_data:Array=new Array();   //变量的声明
                arr_data.push("flex");
                arr_data.push("flash");
                arr_data.push("flash media server");   
                arr_data.push("flex data server");
                btns.dataProvider=arr_data;     //给ToggleButtonBar控件添加数据源
            }
            internal function btn_click_handler(evt:ItemClickEvent):void{  //处理ItemClickEvent事件
                tip_txt.text="点击的按钮："+evt.index+":"+evt.label;
            }
        ]]>
    </mx:Script>
    <!-- ToggleButtonBar的toggleOnClick属性指明是否可以通过单击取消选中状态，
    如果是true，当单击已经处于选中状态的按钮时，该按钮恢复到正常状态，如果是false,则不会恢复     -->
    <mx:ToggleButtonBar x="21" y="10" id="btns" itemClick="btn_click_handler(event)" toggleOnClick="true">
    </mx:ToggleButtonBar>
    <mx:Label x="21" y="64" text="快点我吧" id="tip_txt"/>
    
</mx:Application>