- 是否有可能,以及如何做到(如果是)有一個多行的TabBar,基於容器的寬度?
回答
就像給TabBar一個TileLayout一樣簡單。您不必爲TabBar創建子類,而且您甚至不必爲其創建自定義外觀類。只是這樣做:
<s:TabBar dataProvider="{dp}" left="0" right="0">
<s:layout>
<s:TileLayout horizontalGap="-1" verticalGap="-1"
requestedRowCount="2" />
</s:layout>
</s:TabBar>
將產生這樣的事情:
你看到的TabBar下面的差距,產生因爲TileLayout將默認分配一定的行數。您可以通過將requestedRowCount
設置爲您所期望的行數(本例中爲2)來覆蓋此值。
如果你希望它是真正的動態,你可以通過比較計算所需行數的的TabBar總width
到TileLayout的columnWidth
,並結合所產生的號碼給requestedRowCount
財產。
它確實有效,但仍然是在TabBar對象之後出現的一個蹩腳的間隙。 :| \t \t \t \t
@YordanYanakiev我已經更新了我的答案,並解決了該問題。 – RIAstar 2012-03-15 22:17:42
height =「{(int(dataProvidersTabs.length /(width/90))+ 1)* 21}」這是另一個修復,但也許有很多美麗的解決方案。 – 2012-03-16 07:36:20
- 1. Flex移動tabBar調整寬度?
- 2. Flex移動車削tabBar可見=真/假?
- 3. Flex/mxml:涉及TabBar的新手佈局問題
- 4. Flex Spark:如何在TabBar按鈕上添加取消按鈕?
- 5. Flex 4 - 如何啓用/禁用tabBar中的某些選項卡
- 6. 的Flex 4:確定的TabBar鼠標懸停
- 7. mobileIconItemRenderer中的多行消息字段FLex
- 8. 列表顯示多行Adobe Flex/Actionscript
- 9. flex mxml多層
- 10. Tabbar更多視圖控制器iPhone
- 11. 多次下載flex
- 12. 的Flex,多規則
- 13. 如何執行取向的TabBar應用
- 14. 在Flex DataGrid中刪除空行(Flex 3)
- 15. android tabbar oreintation issue
- 16. 創建TabBar Three20
- 17. UITableView在TabBar
- 18. 從的TabBar
- 19. 上的TabBar
- 20. Flex4 TabBar皮膚
- 21. 通過TabBar UIWebView
- 22. Tabbar in phonegap android
- 23. AppDelegate Touch3D Xcode - TabBar
- 24. 帶皮膚的Flex 4 TabBar組件中的動態標籤寬度
- 25. Flex mx:DataGrid行索引
- 26. 僞多線程Flex中
- 27. Flex多文本字段?
- 28. Flex中的多列圖例
- 29. FLEX mx:formitem多個標籤
- 30. 多個flex/bison解析器
我不確定如何做到這一點,但延長TabBar是一個很好的開始。你有沒有看到這個[link] http://blog.everythingflex.com/2009/08/27/multirowtabs-flex-component-redux/?雖然完整的源代碼鏈接被破壞,也許這對你有一些幫助。另外我知道這不是你要求的,但如果你不喜歡普通的TabBar,來自[link] http://code.google.com/p/flexlib/wiki/ComponentList的SuperTabBar有點不錯:) – Sebastian 2012-03-15 12:00:33
I猜猜你可以將TileLayout應用於自定義TabBarSkin而不是HorizontalLayout。這樣你甚至不需要擴展TabBar – RIAstar 2012-03-15 12:12:35
我已經添加了TileLayout,但是有一些奇怪的差距正在標籤下方一直保持不變。 :| – 2012-03-15 13:50:49