3.18.使用可關閉Tabs 創建一個TabNavigator

2024-04-27 13:51:50

字體：大中小

來源：轉載

供稿：網友

3.18.1 問題
我們需要創建一個擁有的tab 項的TabNavigator，即具有關閉按鈕的tab 項，當點擊這個按鈕的時候同時移除對應的tab 項和對應的索引的tab 項下的所有子組件。
3.18.2 解決辦法
使用flexlib 庫內的SuperTabNavigator 組件。
3.18.3 討論
Flexlib 庫是一組由多個Flex 開發者開發的開源控件，提供可在所有Flex 工程內使用的組件。SuperTabNavigator 由Doug McCune 開發和演示，提供可關閉的tab 項，tab 重排序和右上角的下拉列表。

-XML

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="600"
height="600" xmlns:containers="flexlib.containers.*">
<containers:SuperTabNavigator>
<mx:VBox width="500" label="First Label">
<mx:Label text="Label"/>
<mx:TextInput/>
</mx:VBox>
<mx:VBox height="500" label="Second Label">
<mx:Label text="Label"/>
<mx:TextInput/>
</mx:VBox>
<mx:VBox label="Third Label">
<mx:Label text="Label"/>
<mx:TextInput/>
</mx:VBox>
</containers:SuperTabNavigator>
</mx:Canvas>