2.2.创建一组状态按钮

2024-04-27 13:51:45

字体：大中小

来源：转载

供稿：网友

2.2.1. 问题
我需要提供一系列按钮供用户选择。
2.2.2. 解决办法
使用ToggleButtonBar 组件以及用来创建一组按钮的ArrayCollection。
2.2.3. 讨论
创建一个带ToggleButtonBar 的应用程序来放置创建的一列按钮。ToggleButtonBar 定义了一套用来维护按钮选择状态的纵向或者横向按钮组. 具体方法如下:

-XML

<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
initialize="initApp(event)">
<mx:ToggleButtonBar id="toggle"
dataProvider="{dataProvider}"
itemClick="setMode(event)"/>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.events.FlexEvent;
import mx.events.ItemClickEvent;
[Bindable]
private var dataProvider:ArrayCollection;
private function initApp(evt:FlexEvent):void {
var temp:Array = new Array({label:"Show Labels",
mode:"labels"},
{label:"Show Titles",
mode:"titles"});
dataProvider = new ArrayCollection(temp);
}
private function setMode(evt:ItemClickEvent):void {
switch (evt.item.mode) {
case "labels":
trace("George, Tim, Dean");
break;
case "titles":
trace("Vice President, President, Director");
break;
default:
break;
}
}

]]>
</mx:Script>
</mx:Application>