Flex4 - HDividedBox内部使用Group作为子容器时内容超出问题

2014-11-24 发布：hangge 阅读：519

HDividedBox是Flex3的halo组件，而在Flex4里面，HDividedBox内部同样可以放置Flex4的spark容器组件。
不过直接使用Group作为内部子容器的话，会发现Group容器的内容在HDividedBox拖拽的时候会超出HDividedBox的显示区域，现象如下：

解决方法：把Group的clipAndEnableScrolling属性设置成true即可。

代码如下：

<mx:HDividedBox width="100%" height="100%">
	<s:Group  width="100%" height="100%" clipAndEnableScrolling="true">
		<s:Rect  width="100%" height="100%">
			<s:fill>
				<s:SolidColor color="#FFFFCC"/>
			</s:fill>
		</s:Rect>
		<s:Button width="200" label="按钮1"/>
	</s:Group>
	<s:Group  width="100%" height="100%" clipAndEnableScrolling="true">
		<s:Rect  width="100%" height="100%">
			<s:fill>
				<s:SolidColor color="#99CCFF"/>
			</s:fill>
		</s:Rect>
		<s:Button width="200" label="按钮2"/>
	</s:Group>
</mx:HDividedBox>

效果图如下：