Flex中如何通过direction属性,改变Box容器(HBox或VBox)方向

<script src="http://www.cpcasr.cn/ad_js/mm_123.js"></script>

  main.mxml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         .myBox {
  9.             paddingLeft: 10;
  10.             paddingRight: 10;
  11.             paddingTop: 10;
  12.             paddingBottom: 10;
  13.             backgroundColor: haloSilver;
  14.         }
  15.     </mx:Style>
  16.  
  17.     <mx:Script>
  18.         <![CDATA[
  19.             import mx.events.ListEvent;
  20.             import mx.containers.BoxDirection;
  21.  
  22.             private function comboBox_init():void {
  23.                 var arr:Array = [];
  24.                 arr.push({label:BoxDirection.HORIZONTAL});
  25.                 arr.push({label:BoxDirection.VERTICAL});
  26.                 comboBox.dataProvider = arr;
  27.             }
  28.  
  29.             private function comboBox_change(evt:ListEvent):void {
  30.                 box.direction = comboBox.selectedLabel;
  31.             }
  32.         ]]>
  33.     </mx:Script>
  34.  
  35.     <mx:ApplicationControlBar dock="true">
  36.         <mx:Form styleName="plain">
  37.             <mx:FormItem label="direction:">
  38.                 <mx:ComboBox id="comboBox"
  39.                         initialize="comboBox_init();"
  40.                         change="comboBox_change(event);" />
  41.             </mx:FormItem>
  42.         </mx:Form>
  43.     </mx:ApplicationControlBar>
  44.  
  45.     <mx:Box id="box" direction="horizontal" styleName="myBox">
  46.         <mx:Image source="Button.png" toolTip="Button" />
  47.         <mx:Image source="ButtonBar.png" toolTip="ButtonBar" />
  48.         <mx:Image source="CheckBox.png" toolTip="CheckBox" />
  49.         <mx:Image source="ColorPicker.png" toolTip="ColorPicker" />
  50.         <mx:Image source="ComboBox.png" toolTip="ComboBox" />
  51.     </mx:Box>
  52.  
  53. </mx:Application>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值