[flexcoders] exit transitions between states

[Doug Arthur]

I'm having trouble getting this to work. I'm trying to create an exit
transition that wipes up the searchpanel and then fades in the results
screen. The only thing I can think of is that I'm trying to do this as an
exist transition on a state, where as the only part that works is the enter
state transition. I can get the scenario to work if I take the views out of
the state and use AddChild/RemoveChild.

 

      <mx:transitions>

            <mx:Transition toState="{ViewModelLocator.RESULTS}">

                  <mx:Sequence targets="{[searchPanel,results]}">

                        <mx:WipeUp target="{searchPanel}" duration="2000" />

                        <mx:Fade target="{results}" duration="2000" />

                  </mx:Sequence>

            </mx:Transition>

      </mx:transitions>

      

      <mx:states>

            <mx:State name="{ViewModelLocator.LOGIN_SCREEN}">

                  <mx:AddChild relativeTo="{header}" position="after">

                        <mx:VBox height="100%" width="100%"
verticalAlign="middle" horizontalAlign="center">

                              <view:Login />

                        </mx:VBox>

                  </mx:AddChild>

            </mx:State>

            <mx:State name="{ViewModelLocator.SEARCH_SCREEN}">

                  <mx:AddChild relativeTo="{header}" position="after">

                        <mx:VBox height="100%" width="100%"
horizontalAlign="center">

                              <view:SearchLevelThree id="searchPanel" />

                        </mx:VBox>

                  </mx:AddChild>

            </mx:State>

            <mx:State name="{ViewModelLocator.RESULTS}">

                  <mx:RemoveChild target="{searchPanel}" />

                  <mx:AddChild relativeTo="{header}" position="after">

                        <mx:VBox height="100%" width="100%"
horizontalAlign="center">

                              <view:ResultsLevelThree id="results"
height="100%" width="100%" />

                        </mx:VBox>

                  </mx:AddChild>

            </mx:State>

      </mx:states>

 

 

 

Thanks,

Doug