Flex中如何通过verticalScrollPolicy属性,控制VBox容器内容超过容器大小时滚动条自动显示与否

来源:互联网 发布:eia油库存最新数据 编辑:程序博客网 时间:2024/06/05 11:28

 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>
原创粉丝点击