Add hide effect to a control : Show Hide Effect « Effects « Flex

1. Flex
2. Effects
3. Show Hide Effect

Add hide effect to a control

   
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Sequence id="ZoomRotateHide">
        <mx:Rotate id="myRotateHide" />
        <mx:Zoom id="myZoomHide" zoomHeightFrom="1.0" zoomWidthFrom="1.0" zoomHeightTo="0.0" zoomWidthTo="0.0" />
    </mx:Sequence>
    <mx:VBox id="myBox" height="100" width="200">
        <mx:TextArea id="aTextArea" text="hello" hideEffect="{ZoomRotateHide}" />
    </mx:VBox>
    <mx:Button id="myButton1" label="Show!" click="aTextArea.visible=true;" />
    <mx:Button id="myButton2" label="Hide!" click="aTextArea.visible=false;" />
</mx:Application>

   
    
    
  

Related examples in the same category

1.	ShowEffect and HideEffect for Canvas inside a ViewStack
2.	Show and hide tooltip with effect
3.	Show/hide as the effect Trigger
4.	show/hide effect