2013-12-17 149 views
2

如何隱藏TabNavigator中的選項卡並從中刪除空白區域?TabNavigator中的Flex隱藏選項卡

示例代碼:

<mx:TabNavigator id="TabNavigator"> 
     <s:NavigatorContent id="tab1" label="Tab 1"> 
     </s:NavigatorContent> 
     <s:NavigatorContent id="tab2" label="Tab 2"> 
     </s:NavigatorContent> 
     <s:NavigatorContent id="tab3" label="Tab 3"> 
     </s:NavigatorContent> 
</mx:TabNavigator> 

我們可以通過TabNavigator.getTabAt(1).visible = false;隱藏標籤。但是這將在Tab 1Tab3之間留下空白區域。我不想使用TabNavigator.removeChildAt(1);,因爲程序可能需要再次顯示Tab 2

那麼,如何臨時刪除TabNavigator中的一個選項卡以及它的空白區域?

謝謝。

+0

我傾向於結合國用[星火的TabBar(http://flex.apache.org/asdoc/spark/components/TabBar.html),因爲它給了我更多控制。在這種情況下,您可以簡單地從TabBar的dataProvider中添加/刪除項目。 – RIAstar

回答

2

在操作腳本中,您可以執行此操作。只需使用navigatorcontent的id來設置visible或includeinlayout即可。當你需要使其成爲真實的時候,否則將其變爲假。

默認設置爲false。當你需要在AS中使它成真時。

<mx:TabNavigator id="TabNavigator"> 
    <s:NavigatorContent id="tab1" label="Tab 1" visible="false" includeInLayout="false"> 
    </s:NavigatorContent> 
    <s:NavigatorContent id="tab2" label="Tab 2"> 
    </s:NavigatorContent> 
    <s:NavigatorContent id="tab3" label="Tab 3"> 
    </s:NavigatorContent> 

相關問題