Question

got another little provlem with flex …
i’ve made a ellipse and i want to rotate it dynamicly.
made a h:slider which change the rotate=”” value of the ellipse.
and it rotates fine. but the rotation point is in the middle of the ellipse.

i want it at the bottom (y) and middle (x).

there are some transformY and transformX arguments for the ellipse, but they have no effect?

my function

private function rotateRadius():void {
if(wind.selected) {

selected.radiusDisp.rotation = radiusRotate.value;
}else {

}

}

would be great if someone can give me a hint

Answer 1

That is the simplest way to change the way an object is rotating.

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark">

<s:controlBarContent>
    <s:HSlider id="rotationSlider" minimum="0" maximum="360" />
</s:controlBarContent>


<s:Ellipse rotation="{rotationSlider.value}" transformX="100" transformY="50" width="200" height="100" x="100" y="100">
    <s:fill>
        <s:SolidColor color="red" />
    </s:fill>
</s:Ellipse>


<s:Ellipse rotation="{rotationSlider.value}" transformX="100" transformY="100" width="200" height="100" x="400" y="100">
    <s:fill>
        <s:SolidColor color="red" />
    </s:fill>
</s:Ellipse>

If you want your ellipse to rock/roll on the surface, you need to add a bit trigonometry to calculation of the registration point.

HTH,
FTQuest