Flex4中 超出父容器边界的子项隐藏

转：http://www.it165.net/design/html/201109/308.html

设置clipAndEnableScrolling = true

<?xml version="1.0" encoding="utf-8"?>   
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"    
               xmlns:s="library://ns.adobe.com/flex/spark"    
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"  
               currentState="show">   
    <fx:Declarations>   
        <s:Sine id="sineEasing"  
                easeInFraction="0.3"/>   
        <s:Move id="hideMove" target="{targetBox}" xTo="{-200}" duration="1000" easer="{sineEasing}" effectEnd="{currentState = 'hide'}"/>   
        <s:Move id="showMove" xTo="0" duration="1000" target="{targetBox}" effectEnd="{currentState = 'show'}"/>   
           
    </fx:Declarations>   
    <s:states>   
        <s:State name="show"/>   
        <s:State name="hide"/>   
    </s:states>   
    <s:Panel title="Move Effect Example"    
             id="testPanel"  
             x="100"  
             width="75%" height="75%">   
        <s:layout>   
            <s:BasicLayout clipAndEnableScrolling="true"/>   
        </s:layout>   
            <s:VGroup id="targetBox" width="50%">   
                <s:HGroup>   
                    <s:Panel title="test move" width="200" height="200" id="testpanel">   
                        <s:TextArea text="clipContent值:True：当子项目的边界超出此容器时，不显示子项目在此容器中。Flase：当子项目的边界超出此容器时，显示子项目在此容器中。"/>   
                    </s:Panel>   
                    <s:Button height="200"    
                              width="40"  
                              click.show="{hideMove.play()}"  
                              click.hide="{showMove.play()}"/>      
                </s:HGroup>   
            </s:VGroup>   
    </s:Panel>   
</s:Application>