Flex中如何利用getTabAt函数遍历TabNavigator容器的各个Tab,并且通过labelPlacement属性设置标签位置

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="TabNavigator_getTabAt_labelPlacement_test" 
  3.        xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">

  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.controls.tabBarClasses.Tab;

  10.             private function init():void {
  11.                 var tab:Tab;
  12.                 var idx:uint;
  13.                 var len:uint = tabNavigator.numChildren;
  14.                 for (idx=0; idx<len; idx++) {
  15.                     tab = tabNavigator.getTabAt(idx) as Tab;
  16.                     tab.labelPlacement = tab.label;
  17.                 }
  18.             }
  19.         ]]>
  20.     </mx:Script>

  21.     <mx:TabNavigator id="tabNavigator"
  22.             tabWidth="150"
  23.             tabHeight="60"
  24.             height="100%"
  25.             creationComplete="init();">
  26.         <mx:VBox label="left"
  27.                 icon="@Embed('assets/arrow_left.png')">
  28.             <mx:Label text="labelPlacement = 'left'" />
  29.         </mx:VBox>
  30.         <mx:VBox label="right"
  31.                 icon="@Embed('assets/arrow_right.png')">
  32.             <mx:Label text="labelPlacement = 'right'" />
  33.         </mx:VBox>
  34.         <mx:VBox label="top"
  35.                 icon="@Embed('assets/arrow_up.png')">
  36.             <mx:Label text="labelPlacement = 'top'" />
  37.         </mx:VBox>
  38.         <mx:VBox label="bottom"
  39.                 icon="@Embed('assets/arrow_down.png')">
  40.             <mx:Label text="labelPlacement = 'bottom'" />
  41.         </mx:VBox>
  42.     </mx:TabNavigator>

  43. </mx:Application>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值