2.2.創(chuàng)建一組狀態(tài)按鈕

2024-04-29 18:53:32

字體：大中小

供稿：網(wǎng)友

2.2.1. 問(wèn)題
我需要提供一系列按鈕供用戶選擇。
2.2.2. 解決辦法
使用ToggleButtonBar 組件以及用來(lái)創(chuàng)建一組按鈕的ArrayCollection。
2.2.3. 討論
創(chuàng)建一個(gè)帶ToggleButtonBar 的應(yīng)用程序來(lái)放置創(chuàng)建的一列按鈕。ToggleButtonBar 定義了一套用來(lái)維護(hù)按鈕選擇狀態(tài)的縱向或者橫向按鈕組. 具體方法如下:

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