The following code seems to show that the Move effect isn't honoring the
transform center, yet the Rotate effect is.
The first button moves from 0 to 210 ignoring that the transformX is set to
200. The 2nd button correctly rotates around its transformX of 200.
My understanding is that the first button should only move by 10. According
to the docs:
/The x and y property specifications of the Move effect specify the change
in x and y that should occur to the transform center around which the
overall transform occurs.
Can anyone confirm this or see what I'm doing wrong?
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955"
minHeight="600" applicationComplete="gMove.play()">
<fx:Declarations>
<s:Move id="gMove" autoCenterTransform="false" transformX="200" xTo="210"
target="{gButtonMove}" effectEnd="gRotate.play();" />
<s:Rotate id="gRotate" autoCenterTransform="false" transformX="200"
angleTo="180" target="{gButtonRotate}" />
</fx:Declarations>
<s:Button id="gButtonMove" x="0" y="0" width="400" height="50" />
<s:Button id="gButtonRotate" x="0" y="100" width="400" height="50" />
</s:Application>
transform center, yet the Rotate effect is.
The first button moves from 0 to 210 ignoring that the transformX is set to
200. The 2nd button correctly rotates around its transformX of 200.
My understanding is that the first button should only move by 10. According
to the docs:
/The x and y property specifications of the Move effect specify the change
in x and y that should occur to the transform center around which the
overall transform occurs.
Can anyone confirm this or see what I'm doing wrong?
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955"
minHeight="600" applicationComplete="gMove.play()">
<fx:Declarations>
<s:Move id="gMove" autoCenterTransform="false" transformX="200" xTo="210"
target="{gButtonMove}" effectEnd="gRotate.play();" />
<s:Rotate id="gRotate" autoCenterTransform="false" transformX="200"
angleTo="180" target="{gButtonRotate}" />
</fx:Declarations>
<s:Button id="gButtonMove" x="0" y="0" width="400" height="50" />
<s:Button id="gButtonRotate" x="0" y="100" width="400" height="50" />
</s:Application>