如何利用Flash Builder4.0创建TabBar

 时间:2024-10-14 14:06:58

1、在新建的Flex项目中,在指定的路径下创建Flex应用程序“TabBar.mxml”,如下图所示:

如何利用Flash Builder4.0创建TabBar

2、将Flash Builder4.0切换到设计视图下,如下图所示:

如何利用Flash Builder4.0创建TabBar

3、在左侧的组件视图中,找到TabBar导航器控件,并将其拖放到设计视图窗口上,如下图所示:

如何利用Flash Builder4.0创建TabBar

4、将窗口切换到源代码编辑视图窗口,如下图所示:

如何利用Flash Builder4.0创建TabBar

5、在TabBar中添加change事件和数据源<s:TabBar id="tabBar" x="稆糨孝汶;400" y="200" change="tabBar_changeHandler(event)"> <s:dataProvider> <s:ArrayCollection source="['春天', '夏天', '秋天', '冬天']" /> </s:dataProvider> </s:TabBar><fx:Script> <![CDATA[ import mx.controls.Alert; import spark.events.IndexChangeEvent; protected function tabBar_changeHandler(event:IndexChangeEvent):void { Alert.show(tabBar.selectedItem); } ]]> </fx:Script>如下图所示:

如何利用Flash Builder4.0创建TabBar

6、运行Flex应用程序,点击TabBar上的按钮,会弹出打印的选择的text内容,如下图所示:

如何利用Flash Builder4.0创建TabBar
  • 如何利用Flash Builder4.0创建VBox
  • 如何利用Flash Builder4.0创建Flex组件
  • 如何利用Flash Builder4.0创建MenuBar
  • 如何利用Flash Builder4.0创建TabNavigator
  • 如何利用Flash Builder4.0创建ToggleButtonBar
  • 热门搜索
    消化不良腹胀怎么办 高考落榜怎么办 烧腐竹的家常做法 胡萝卜怎么做好吃 tata木门怎么样 炸薯条的家常做法 怎么删除分隔符 戒烟方法 吉祥物图片大全 苹果怎么越狱教程