如何利用Flash Builder4.0创建TabBar

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

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

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

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

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>

如下图所示：

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