Question

如何利用Flash Builder4.0创建ToggleButtonBar

Answer 1

　　方法/步骤
　　1
　　先在Flash Builder4.0中的Flex项目创建应用程序，为了区别跟其他的应用程序，就用ToggleButtonBar作为应用程序的名称
　　2
　　单击“完成”后，由于之前页面是在设计视图状态下，新建的Flex应用程序打开后也处在设计视图状态下
　　3
　　在组件视图下，找到我们需要的ToggleButtonBar控件，并拖放一个到视图上
　　4
　　然后，将视图切换到源代码编辑状态下，会看到ToggleButtonBar组件代码
　　<mx:ToggleButtonBar>
　　</mx:ToggleButtonBar>
　　5

　　设计ToggleButtonBar的数据源
　　<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="toggBtn_itemClickHandler(event)"
　　7

　　这样，每点击ToggleButtonBar中的一个按钮，就会打印对应的label值，如下图所示：
　　注意事项

　　ToggleButtonBar数据源绑定数据时的写法
　　获取ToggleButtonBar中的按钮点击label值