1、在新创建的Flex项目中,src默认包下新建flex应用程序“Tab.mxml”,如下图所示:

2、将窗口由源代码编辑状态切换到设计视图状态,并打开组件视图,如下图所示:

3、将TabNavigator拖放到设计视图上,如下图所示:

4、修改TabNavigator标签,并新增三个NavigatorContent,如下图所示:

5、将窗口由设计视图切换到源代码编辑视图
<mx:VBox width="100%" height="100%" paddingBottom="5" paddingLeft="5" paddingRight="15" paddingTop="5">
<mx:TabNavigator width="100%" height="100%">
<s:NavigatorContent label="春季
</s:NavigatorContent>
<s:NavigatorContent label="夏季
</s:NavigatorContent>
<s:NavigatorContent label="秋季
</s:NavigatorContent>
<s:NavigatorContent label="冬季
</s:NavigatorContent>
</mx:TabNavigator>
</mx:VBox>
如下图所示:
