如何使用Flex ToggleButtonBar

<?xml version="1.0"?>
<!-- Simple example to demonstrate the ToggleButtonBar control. -->
<!--
	如何使用Flex ToggleButtonBar
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <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 {
    		    myTA.text="Selected button index: " + String(event.index) +
    		        "\n" + "Selected button label: " + event.label;
            }
        ]]>
    </mx:Script>

    <mx:Panel title="ToggleButtonBar Control Example" height="75%" width="75%"
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Label width="100%" color="blue"
            text="Select a button in the ToggleButtonBar control."/>

        <mx:TextArea id="myTA" width="100%" height="100%"/>

        <mx:ToggleButtonBar itemClick="clickHandler(event);">
            <mx:dataProvider>
                <mx:Array>
                    <mx:String>Flash</mx:String>
                    <mx:String>Director</mx:String>
                    <mx:String>Dreamweaver</mx:String>
                    <mx:String>ColdFusion</mx:String>
                </mx:Array>
            </mx:dataProvider>
        </mx:ToggleButtonBar>
    </mx:Panel>
</mx:Application>