如何利用Flash Builder4.0创建ToggleButtonBar

 时间:2024-10-13 20:06:57

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

如何利用Flash Builder4.0创建ToggleButtonBar

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

如何利用Flash Builder4.0创建ToggleButtonBar

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

如何利用Flash Builder4.0创建ToggleButtonBar

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

如何利用Flash Builder4.0创建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>如下图所示:

如何利用Flash Builder4.0创建ToggleButtonBar

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

如何利用Flash Builder4.0创建ToggleButtonBar

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

如何利用Flash Builder4.0创建ToggleButtonBar
  • 如何利用Flash Builder4.0创建ButtonBar
  • 如何利用Flash Builder4.0创建Tree
  • 如何利用Flash Builder4.0创建HGroup
  • 如何利用Flash Builder4.0创建VBox
  • 如何利用Flash Builder4.0创建Accordion
  • 热门搜索
    亲切的反义词是什么 lpr什么意思 appleid是什么 更年期是什么意思 过敏性紫癜是什么病 什么是色拉油 lover是什么意思 4p是什么意思 pvc是什么材料 贞操带是什么