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 >