Parallel effect reversing on its own. FLEX BUG.

Question

Hi,
The problem is that the parallel effect (that includes resize
and move) plays well with my custom component, however when it
reaches the EFFECT_END, it plays in reverse to its original
position, on its own. I cannot figure it out why. This reverse
effect is done in half of the duration set.
This is the code:
private function setLayoutAndPosition( pod:*, rect:Rectangle
):void
// Transition the location
var move:Move = new Move( pod );
move.xFrom = pod.x;
move.xTo = rect.x;
move.yFrom = pod.y;
move.yTo = rect.y;
move.duration = 2000;
// Transition the size
var resize:Resize = new Resize( pod );
resize.widthFrom = pod.width;
resize.widthTo = rect.width;
resize.heightFrom = pod.height;
resize.heightTo = rect.height;
resize.duration = 2000;
var parallel:Parallel = new Parallel();
parallel.addChild(move);
parallel.addChild(resize);
parallel.play();
I am utilizing an effect taken from the source code of the
Flex Developer Center called Community Widgets (
bottom of the page)
which is working correctly. Its pretty cool eh!.
BTW: Took me some time to find out why I couldn't run the
source code. You have to rename ListEvent to any other name.
If anybody has any idea please le me know,
Many thanks!
Jose.

Answer 1

"jose3" <[email protected]> wrote in message
news:[email protected]...
> Hi myIP,
> After days of trying different things I figured out what
was the problem,
> I am
> not sure if it is a bug or if it is a natural behabiour
of Flex.
>
>
> The thing is that if you position a component (Canvas
FE) with
> constraintColumns and constraintRows and then you apply
an effect that
> affects
> its position or size, after the effect reaches the
EFFECT_END the
> components
> goes back to the original position-size on its own.
>
> Here is an example:
>
> <?xml version="1.0" encoding="utf-8"?>
> <mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
> layout="absolute"
> applicationComplete="init()">
>
> <mx:Script>
> <![CDATA[
>
> import flash.geom.Rectangle;
> import flash.utils.Dictionary;
>
> import mx.effects.Move;
> import mx.effects.Parallel;
> import mx.effects.Resize;
> import mx.events.EffectEvent;
>
> private var minimizedLayout:Dictionary = new
Dictionary();;
>
> private function init():void {
> minimizedLayout[ can ] = new Rectangle( 5, 200, 300, 50
> }
>
> private function onClick(e:Event):void {
> setLayoutAndPosition( can, minimizedLayout[can] );
> }
>
> private function setLayoutAndPosition( pod:*,
rect:Rectangle ):void
> {
>
> // Transition the location
> var move:Move = new Move( pod );
> move.xFrom = pod.x;
> move.xTo = rect.x;
> move.yFrom = pod.y;
> move.yTo = rect.y;
> move.duration = 1000;
>
> // Transition the size
> var resize:Resize = new Resize( pod );
> resize.widthFrom = pod.width;
> resize.widthTo = rect.width;
> resize.heightFrom = pod.height;
> resize.heightTo = rect.height;
> resize.duration = 1000;
>
> var parallel:Parallel = new Parallel();
> parallel.addChild(move);
> parallel.addChild(resize);
> parallel.play();
>
> }
>
> ]]>
> </mx:Script>
>
> <mx:constraintColumns>
> <mx:ConstraintColumn id="col1" width="5%"/>
> <mx:ConstraintColumn id="col2" width="20%"/>
> </mx:constraintColumns>
>
> <mx:constraintRows>
> <mx:ConstraintRow id="row1" height="5%"/>
> <mx:ConstraintRow id="row2" height="20%"/>
> </mx:constraintRows>
>
>
> <mx:Button label="Move Canvas" x="333"
click="onClick(event)" y="29"
> height="107"/>
>
> <mx:Canvas id="can" backgroundColor="#D91414"
> left="col1:10" right="col2:0"
> top="row1:10" bottom="row2:0" />
>
> </mx:Application>
>
>
> If this is a normal behabiour (if anybody knows about
it) I can just try
> to
> end the effect after EFFECT_END, else I listen to any
suggestion.
>
> How should I proceed it it is a bug?
Listen for the effect end, and then explicitly set the width
and height of
the affected component to the new size.