FLEX例子之切换按钮条(ToggleButtonBar)

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" 
 
verticalAlign="middle"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]"  
 
viewSourceURL="srcview/index.html">
    <!--这个例子实现的是一个ToggleButtonBar,可我在手册里面没有找到,-->
    <mx:Script>
        <![CDATA[
 
            import mx.events.ItemClickEvent;    
 
            // Event handler function to print a message
            // describing the selected Button control.        
            private function clickHandler(event:ItemClickEvent):void {
                tgPanel.title = "ToggleButtonBar: " + event.label;//切换panel的标题
                myTA.text="Selected button index: " + String(event.index) + 
                    "\n" + "Selected button label: " + event.label;
            }
        ]]>
    </mx:Script>
 
    <mx:Panel id="tgPanel" title="ToggleButtonBar: Flash" layout="vertical" width="75%" 
 
color="0xffffff" borderAlpha="0.15"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" 
 
horizontalAlign="center">
 
        <mx:ToggleButtonBar color="0x323232" horizontalGap="5" itemClick="clickHandler
 
(event);">
            <mx:dataProvider><!--设置数据源-->
                <mx:Array><!--创建字符串数组-->
                    <mx:String>Flash</mx:String>
                    <mx:String>Flex</mx:String>
                    <mx:String>AIR</mx:String>
                    <mx:String>ColdFusion</mx:String>
                    <mx:String>LiveCycle</mx:String>
                </mx:Array>
            </mx:dataProvider>
        </mx:ToggleButtonBar>
 
        <mx:Label width="100%" textAlign="center" color="0x323232" 
            text="Select a button in the ToggleButtonBar control."/>
 
        <mx:TextArea color="0x323232" id="myTA" width="100%" height="100%" text="{'Selected 
 
button index: 0' + '\n' +'Selected button label: Flash'}"/>
 
    </mx:Panel>
</mx:Application>