2012-05-18 157 views
1

我是Flex的新手機開發人員,有一個基本信息,我無法找到答案。Flex 4.6 TabbedViewNavigatorApplication navigator

我的主應用程序擴展了<s:TabbedViewNavigatorApplication>類。與其它應用類,如<s:ViewNavigatorApplication>,我可以執行下列操作以過渡<s:View>部件之間:

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

然而,<s:TabbedViewNavigatorApplication>不會自動實例化navigator作爲執行其他基類。

有人請提供一個簡單的例子,說明如何從<s:TabbedViewNavigatorApplication>推動和彈出視圖?

回答

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。

同樣,後退按鈕在單個選項卡的堆棧內導航。它不會選擇另一個選項卡。 ViewNavigators(即選項卡之間)由TabbedViewNavigator.selectedIndex屬性設置到所需的ViewNavigator,其中0是所述第一部分(第一標籤)的索引

可以導航之間,1是第二,等等。例如:

TabbedViewNavigator.selectedIndex = 2 

選擇第三個選項卡(和第三個ViewNavigator堆棧)。

您可以在Adobe Help pages上閱讀更多關於TabbedViewNavigatorApplication的內容。