Flex拾遗三:TabNavigator组件或TabBar加ViewStack组合组件的选择
2016-03-24 13:35
465 查看
本文转载自/article/2888587.html
Flex 4中有两种方法来实现Tabbed Navigation功能,TabNavigator组件或TabBar加ViewStack的组合组件都能完成该功能,但这两者有各自的优缺点。
如果不注重外观又想实现得简单,那么就选择TabNavigator组件吧;如果注重外观,那么就一定要选择TabBar加ViewStack的组合组件了,我个人必定选择第二种。
下面让我们来看一看我为什么这么说吧。
TabNavigator组件的使用:
<mx:TabNavigator>
// NavigatorContent的label就是上面标签栏的显示。
// NavigatorContent的内容就是选定标签的相应显示内容。
<s:NavigatorContent label="Panel 1"/>
<s:NavigatorContent label="Panel 2"/>
<s:NavigatorContent label="Panel 3"/>
</mx:TabNavigator>
优点:实现简单
缺点:自定义外观比较麻烦(TabNavigator是mx组件不能使用skinClass来自定义外观,只能用css样式。因为Flex 4默认主题spark的强大,所以我们一定是使用spark主题来实际开发,而在spark主题下大部分用来设置TabNavigator样式的css样式都用不了了。)
TabBar加ViewStack组合组件的使用:
<s:VGroup gap="0">
<s:TabBar dataProvider="{vs}"/>
// NavigatorContent的label就是TabBar标签栏的显示。
// NavigatorContent的内容就是选定TabBar标签的相应显示内容。
<mx:ViewStack id="vs" borderStyle="none">
<s:NavigatorContent label="Panel 1"/>
<s:NavigatorContent label="Panel 2"/>
<s:NavigatorContent label="Panel 3"/>
</mx:ViewStack>
</s:VGroup>
优点:轻松自定义外观(看到TabBar是spark组件就能知道为什么说是“轻松自定义外观”了吧,强大的skinClass让你无所不能,就不用我多说了吧。)
缺点:实现起来比TabNavigator稍稍复杂一点(对大家来说这么一点复杂性和没有也差不多吧。)
Flex 4中有两种方法来实现Tabbed Navigation功能,TabNavigator组件或TabBar加ViewStack的组合组件都能完成该功能,但这两者有各自的优缺点。
如果不注重外观又想实现得简单,那么就选择TabNavigator组件吧;如果注重外观,那么就一定要选择TabBar加ViewStack的组合组件了,我个人必定选择第二种。
下面让我们来看一看我为什么这么说吧。
TabNavigator组件的使用:
<mx:TabNavigator>
// NavigatorContent的label就是上面标签栏的显示。
// NavigatorContent的内容就是选定标签的相应显示内容。
<s:NavigatorContent label="Panel 1"/>
<s:NavigatorContent label="Panel 2"/>
<s:NavigatorContent label="Panel 3"/>
</mx:TabNavigator>
优点:实现简单
缺点:自定义外观比较麻烦(TabNavigator是mx组件不能使用skinClass来自定义外观,只能用css样式。因为Flex 4默认主题spark的强大,所以我们一定是使用spark主题来实际开发,而在spark主题下大部分用来设置TabNavigator样式的css样式都用不了了。)
TabBar加ViewStack组合组件的使用:
<s:VGroup gap="0">
<s:TabBar dataProvider="{vs}"/>
// NavigatorContent的label就是TabBar标签栏的显示。
// NavigatorContent的内容就是选定TabBar标签的相应显示内容。
<mx:ViewStack id="vs" borderStyle="none">
<s:NavigatorContent label="Panel 1"/>
<s:NavigatorContent label="Panel 2"/>
<s:NavigatorContent label="Panel 3"/>
</mx:ViewStack>
</s:VGroup>
优点:轻松自定义外观(看到TabBar是spark组件就能知道为什么说是“轻松自定义外观”了吧,强大的skinClass让你无所不能,就不用我多说了吧。)
缺点:实现起来比TabNavigator稍稍复杂一点(对大家来说这么一点复杂性和没有也差不多吧。)
相关文章推荐
- Environment.getExternalStorageState()
- 生成findViewById代码
- ????friend关键字
- AsyncHttpClient, RequestParams ,AsyncHttpResponseHandler三个类使用方法
- 大数据方面的顶级开源工具
- 毕业设计之甘特图制作
- MooseFS源代码分析(三)
- 加载com.mysql.jdbc.Driver失败 jdbc.properties连接信息多了个空格
- IOS 刷机教程
- Android开发学习笔记:数据存取之SQLite浅析
- 微信公共服务平台开发(.Net 的实现)5-------解决access_token过期的问题
- Java中的equals学习小结
- tomcat单机多实例部署
- Makefile VPATH和vpath的使用
- 讲题
- 地理位置坐标转换
- Dungeon Master(bfs)
- django环境搭建
- 【POJ】1321 - 棋盘问题(dfs)
- 微信公共服务平台开发(.Net 的实现)5-------解决access_token过期的问题