如何利用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
  • 热门搜索
    蔬菜批发生意怎么做 红烧羊肉 延禧攻略演员表 安徽职业技术学院怎么样 一周减肥计划 武当山住宿攻略 小黑的宝藏2攻略 怎么做课件ppt 江铃驭胜怎么样 苏州旅游攻略