学步园

Download: main.mxml代码如下：

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

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