Set control to invisible during transition

         
<?xml version="1.0" ?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  verticalAlign="middle" layout="vertical">
  <mx:states>
    <mx:State name="OneOnly">
      <mx:SetProperty target="{p2}" name="visible" value="false" />
      <mx:SetProperty target="{p2}" name="includeInLayout" value="false" />
    </mx:State>
  </mx:states>
  <mx:transitions>
    <mx:Transition id="toOneOnly" fromState="*" toState="OneOnly">
      <mx:Sequence id="t1" targets="{[p2]}">
        <mx:Iris showTarget="false" duration="500" />
        <mx:SetPropertyAction name="visible" />
        <mx:SetPropertyAction target="{p2}" name="includeInLayout" />
      </mx:Sequence>
    </mx:Transition>
  </mx:transitions>
  <mx:Panel id="p1" title="One" width="100" height="100">
    <mx:Label text="One" />
  </mx:Panel>
  <mx:Panel id="p2" title="Two" width="100" height="100">
    <mx:Label text="Two" />
  </mx:Panel>
  <mx:Button id="b1" label="Change state" click="currentState = currentState == 'OneOnly' ? '' : 'OneOnly';" />
</mx:Application>

1.	Wrap Parallel, fade and move with Transition
2.	Use Transition to add and remove controls dynamically
3.	Define transitions for this example in MXML using the tag
4.	Using a filter in Transition
5.	Advanced Transitions: Move, Rotate, Resize
6.	Transitions with tag
7.	Transition With Blurs
8.	Action Transitions
9.	Custom AnimateTransitionShader Transform
10.	Using a filter
11.	Defining a custom filter
12.	Change button position and fade button

Set control to invisible during transition : Transition « Effects « Flex

Related examples in the same category