如何使用Flex ToggleButtonBar

最新推荐文章于 2014-02-23 16:22:23 发布

最新推荐文章于 2014-02-23 16:22:23 发布 · 149 阅读

文章标签：

#Flex #Dreamweaver #ColdFusion #Flash #XML

Button Controls -- Visual Components -- Flex 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用 Flex ToggleButtonBar 控件的简单示例。通过该控件可以选择多个选项，并在选择时显示所选按钮的索引和标签。示例中包含 Flash、Director 等选项。

<?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>