Probably because bottomBox is getting removed before the reverse transition plays. Instead of add/remove child, you could use setProperty on visible/includeInLayout or alpha. Another way would be to control visible/includeInLayout in the effectStart or effectEnd functions.
-TH --- In [email protected], "jimmy5804" <jimmy5...@...> wrote: > > Tim, thanks a lot for making the effort to help. > > Got partial success. Using heightX properties, I was able to get the forward transition to work, but I wasn't able to get the reverse transition (not shown in code below) to work using heightX props, putting it in a sequence w/ add/remove child, manually setting values, or anything else I tried. > > So it expands nice and slow, then snaps shut on close. Any other ideas? If I have time, I may try doing w/ effects at the AS level to see if I can get a better handle on it. > > --- In [email protected], "Tim Hoff" TimHoff@ wrote: > > > > Try resetting the dimensions of bottomBox back to 0 when you change to the base state; or use widthFrom/widthTo, heightFrom/heightTo on the resize tag. > > > > -TH > > > > --- In [email protected], "jimmy5804" <jimmy5804@> wrote: > > > > > > I don't use transitions often, so I may be missing something. The transition works fine the first time, but the resize is applied instantaneously afterwards. > > > > > > This is part of a VBox-based MXML component. > > > > > > Transition is very simple: > > > > > > <mx:transitions> > > > <mx:Transition fromState="" toState="filterView"> > > > <mx:Resize duration="500" target="{bottomBox}"/> > > > </mx:Transition> > > > </mx:transitions> > > > > > > The state to which it is applied adds an HBox with several buttons to the the parent VBox. > > > > > > <mx:states> > > > <mx:State id="filterState" name="filterView"> > > > <mx:AddChild relativeTo="{topBox}" position="after"> > > > <mx:target> > > > <mx:Spacer id="vSpacer" height="2"/> > > > </mx:target> > > > </mx:AddChild> > > > <mx:AddChild relativeTo="{this}" position="lastChild"> > > > <mx:target> > > > <mx:HBox id="bottomBox" width="100%"> > > > <!-- Several children here--> > > > </mx:HBox> > > > </mx:target> > > > </mx:AddChild> > > > </mx:State> > > > </mx:states> > > > > > > Have I done anything particularly dumb here? If not, where should I look to start debugging? > > > > > > TIA, > > > > > >
