How do I rotate a Button for example around its center in Flex 4.1 ?

Question

I know that there is autoCenterTransform or some propery like that in the transform effects but I don't want to use an effect, I just want the button rotated 180 degrees around it's center (I have left and right arrow and I don't want to make separate skins for them).
Anyone?

Answer 1

Maybe use a layout that isn't BasicLayout?
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark">
    <s:controlBarContent>
        <s:HSlider id="slider" minimum="0" maximum="360" />
    </s:controlBarContent>
    <s:layout>
        <s:HorizontalLayout />
    </s:layout>
    <s:Group>
        <s:Button id="btn" label="test" rotation="{slider.value}" transformX="{btn.width / 2}" transformY="{btn.height / 2}" />
    </s:Group>
    <s:VGroup>
        <s:Button id="btn2" label="test" rotation="{slider.value}" transformX="{btn2.width / 2}" transformY="{btn2.height / 2}" />
    </s:VGroup>
</s:Application>