mx:Canvas容器能把超出其容器范围的子项部分隐藏起来,如下图所示:
<mx:Canvas width="120" height="50" backgroundColor="#990000">
<s:Button width="100" height="30" label="TestBtn" left="-10" top="-10" />
</mx:Canvas>
而s:Group容器在默认情况下,没有把子项超出的部分隐藏,而是任由其超出显示,如下图:
<s:Group width="120" height="50" >
<s:Rect width="100%" height="100%">
<s:fill>
<s:SolidColor color="#990000" />
</s:fill>
</s:Rect>
<s:Button width="100" height="30" label="TestBtn" left="-10" top="-10" />
</s:Group>
Group的属性clipAndEnableScrolling就能把子项超出部分隐藏起来,其效果跟mx:Canvas一样.
如果为 true
,指定将子项将被剪切到视区的边界。如果为 false
,则容器子项会从容器边界扩展过去,而不管组件的大小规范。