如何利用Flash Builder4.0创建ToggleButtonBar

1、第一步，先在Flash Builder4.0中的Flex项目创建应用程序，为了区别跟其他的应用程序，就用ToggleButtonBar作为应用程序的名称，如下图所示：

2、第二步，单击“完成”后，由于之前页面是在设计视图状态下，新建的Flex应用程序打开后也处在设计视图状态下，直接将控件拖动到编辑区域，如下图所示：

3、第三步，在组件视图下，找到我们需要的ToggleButtonBar控件，并拖放一个到视图上，调整组件放置的位置，如下图所示：

4、第四步，然后，将视图切换到源代码编辑状态下，会看到ToggleButtonBar组件代码<mx:ToggleButtonBar></mx:ToggleButtonBar>如下图所示：

5、第五步，设计ToggleButtonBar的数据源，利用<fx:Array></fx:Array>番舸榆毛标签绑定数据源，<mx:dataProvider> <fx:Array> <fx:String>2014-01</fx:String> <fx:String>2014-02</fx:String> <fx:String>2014-03</fx:String> <fx:String>2014-04</fx:String> <fx:String>2014-05</fx:String> <fx:String>2014-06</fx:String> <fx:String>2014-07</fx:String> <fx:String>2014-08</fx:String> </fx:Array> </mx:dataProvider>如下图所示：

6、第六步，为了获取点击ToggleButtonBar时的选中label值，给ToggleButtonBar设置事件函数itemClick=&鳎溻趄酃quot;toggBtn_itemClickHandler(event)"具体代码如下：

7、第七步，这样，每点击ToggleButtonBar中的一个按钮，就会打印对应的label值，如下图所示：