Flex 4.6 TabbedViewNavigator应用程序导航器答案

【问题标题】：Flex 4.6 TabbedViewNavigatorApplication navigatorFlex 4.6 TabbedViewNavigator应用程序导航器
【发布时间】：2012-05-18 00:11:05
【问题描述】：

我是使用 Flex 进行移动开发的新手，有一条基本信息我无法找到答案。

我的主应用程序扩展了<s:TabbedViewNavigatorApplication> 类。对于其他应用程序类，例如<s:ViewNavigatorApplication>，我可以执行以下操作在<s:View> 组件之间进行转换：

private function nextView(e:MouseEvent):void {
    navigator.pushView(package.component);
}

但是，<s:TabbedViewNavigatorApplication> 不会像其他基类一样自动实例化 navigator。

谁能提供一个简单的例子来说明如何从<s:TabbedViewNavigatorApplication> 推送和弹出视图？

【问题讨论】：

标签： flash apache-flex mobile flex4.6

【解决方案1】：

TabbedViewNavigatorApplication 每个选项卡包含一个 ViewNavigator，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<s:TabbedViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark">

<s:navigators>
    <s:ViewNavigator label="News" firstView="views.NewsView"/>
    <s:ViewNavigator label="Friends" firstView="views.FriendsView"/>
    <s:ViewNavigator label="Events" firstView="views.EventsView"/>
</s:navigators>

每个 ViewNavigator 都维护自己的导航堆栈。 ViewNavigator 方法 pushView() 和 popView() 作用于当前选定的 ViewNavigator。这些方法在所选选项卡的堆栈中添加/删除，而不是 TabbedViewNavigatorApplication。

同样，后退按钮在单个选项卡的堆栈中导航。它不会选择另一个选项卡。

您可以通过将 TabbedViewNavigator.selectedIndex 属性设置为所需 ViewNavigator 的索引在 ViewNavigator（即选项卡之间）导航，其中 0 是第一个部分（第一个选项卡），1 是第二个等。例如：

TabbedViewNavigator.selectedIndex = 2

选择第三个选项卡（和第三个 ViewNavigator 堆栈）。

您可以在Adobe Help pages 上阅读有关 TabbedViewNavigatorApplication 的更多信息。

【讨论】：