Flex 4 TabNavigator组件或TabBar加ViewStack组合组件的选择
发布时间：2020-12-15 05:16:15 所属栏目：百科 来源：网络整理
导读：Flex 4中有两种方法来实现Tabbed Navigation功能，TabNavigator组件或TabBar加ViewStack的组合组件都能完成该功能，但这两者有各自的优缺点。 如果不注重外观又想实现得简单，那么就选择TabNavigator组件吧；如果注重外观，那么就一定要选择TabBar加ViewStac
|
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稍稍复杂一点（对大家来说这么一点复杂性和没有也差不多吧。）
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |