制VBox容器内容超过容器大小时滚动条自动显示

Download:main.mxml代码如下：

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:Script> <!--[CDATA[ private function updateScrollPosition():void { vSP.text = vBox.verticalScrollPosition.toString(); mVSP.text = vBox.maxVerticalScrollPosition.toString(); } ]]--> </mx:Script> <mx:Style> VBox { paddingLeft: 10; paddingRight: 10; paddingTop: 10; paddingBottom: 10; } </mx:Style> <mx:ApplicationControlBar dock="true"> <mx:Form> <mx:FormItem label="verticalScrollPolicy:"> <mx:ComboBox id="comboBox"> <mx:dataProvider> <mx:Array> <mx:Object label="auto" /> <mx:Object label="on" /> <mx:Object label="off" /> </mx:Array> </mx:dataProvider> </mx:ComboBox> </mx:FormItem> <mx:FormItem label="height:"> <mx:HSlider id="slider" minimum="50" maximum="300" value="50" liveDragging="true" snapInterval="1" tickInterval="50" /> </mx:FormItem> <mx:FormItem label="verticalScrollPosition:"> <mx:Label id="vSP" /> </mx:FormItem> <mx:FormItem label="maxVerticalScrollPosition:"> <mx:Label id="mVSP" /> </mx:FormItem> </mx:Form> </mx:ApplicationControlBar> <mx:VBox id="vBox" verticalScrollPolicy="{comboBox.selectedItem.label}" backgroundColor="haloSilver" width="200" height="200" updateComplete="updateScrollPosition();" creationComplete="updateScrollPosition();"> <mx:Box id="box" backgroundColor="haloBlue" width="100%" height="{slider.value}" /> </mx:VBox> </mx:Application>

这里主要是了vBox中的verticalScrollPolicy属性，其值有no、auto、off。这里是把comboBox中的值绑定到这个属性上了。