Flex 流式布局 之 滚动条篇.doc

Flex 流式布局 之 滚动条篇 Flex 流式布局 之 滚动条篇       flex 框架支持流式布局，什么是流式布局呢，就是在运行时对象的大小是未知的，它可能需要由他的内容(childs)或由它的容器来决定它的实际大小。flex 中有两种流式一种就是 百分比形式的(percentWidth)，还以一种就是默认的 measuredWidth。      那么这个流式布局又和滚动条有什么联系呢？看一下以百分比形式的例子    Java代码 ?xml version=1.0?   mx:Application xmlns:mx=/2006/mxml        width=100% height=100% xmlns:local=*       mx:Script           ![CDATA[               import mx.controls.Button;               private function clickHandler():void {                   var bt:Button = new Button();                   inner.addChild(bt);               }           ]]       /mx:Script       mx:Button label=Button click=clickHandler()/       mx:HBox width=100% height=100% borderStyle=solid borderThickness=10 paddingBottom=20 paddingLeft=20 paddingRight=20 paddingTop=20           mx:HBox width=100% height=100% borderStyle=solid borderThickness=10 paddingBottom=20 paddingLeft=20 paddingRight=20 paddingTop=20               mx:HBox id=inner width=100% height=100% borderStyle=solid borderThickness=10 paddingBottom=20 paddingLeft=20 paddingRight=20 paddingTop=20 borderColor=#43C50A               /mx:HBox           /mx:HBox       /mx:HBox   /mx:Application   ?xml version=1.0? mx:Application xmlns:mx=/2006/mxml width=100% height=100% xmlns:local=* mx:Script ![CDATA[ import mx.controls.Button; private function clickHandler():void { var bt:Button = new Button(); inner.addChild(bt); } ]] /mx:Script mx:Button label=Button click=clickHandler()/ mx:HBox width=100% height=100% borderStyle=solid borderThickness=10 paddingBottom=20 paddingLeft=20 paddingRight=20 paddingTop=20 mx:HBox width=100% height=100% borderStyle=solid borderThickness=10 paddingBottom=20 paddingLeft=20 paddingRight=20 paddingTop=20 mx:HBox id=inner width=100% height=100% borderStyle=solid borderThickness=10 paddingBottom=20 paddingLeft=20 paddingRight=20 paddin