接下来的例子演示了Flex中如何遍历TabBar控件的各个Tab,并且通过labelPlacement属性设置标签位置。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application name="TabBar_getChildAt_labelPlacement_test"
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
-
- <mx:Script>
- <![CDATA[
- import mx.controls.tabBarClasses.Tab;
-
- private function init():void {
- var tab:Tab;
- var idx:uint;
- var len:uint = tabBar.numChildren;
- for (idx=0; idx<len; idx++) {
- tab = tabBar.getChildAt(idx) as Tab;
- tab.labelPlacement = tab.label;
- }
- }
- ]]>
- </mx:Script>
-
- <mx:Array id="arr">
- <mx:Object label="left"
- icon="@Embed('assets/arrow_left.png')" />
- <mx:Object label="right"
- icon="@Embed('assets/arrow_right.png')" />
- <mx:Object label="top"
- icon="@Embed('assets/arrow_up.png')" />
- <mx:Object label="bottom"
- icon="@Embed('assets/arrow_down.png')" />
- </mx:Array>
-
- <mx:TabBar id="tabBar"
- dataProvider="{arr}"
- tabWidth="150"
- tabHeight="60"
- creationComplete="init();" />
-
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
上一篇:
Flex中如何利用getTabAt函数遍历TabNavigator容器的各个Tab并且通过labelPlacement属 下一篇:
Flex中如何在某一容器通过visible属性或者使用hideEffect以及showEffect效果时触发一