绝对绘制的Flex 4组件的动态调整(催化剂生成的绘图代码)

Question

我有一些由Flash催化剂生成的代码，我需要它成为可调整大小和可旋转的.。

目前，我不知道如何让这件事发生。

其基本思想是：

我有一个windmill.

• windmill包含windmillBlades。

• windmillBlades旋转。

• 风车调整大小。

• When 风车调整大小， windmillBlades 应与 windmill.

动态缩放。

下面的代码是我编写的演示应用程序结构的简化大纲，可以粘贴到您的ide中：

http://gist.github.com/300207

请查看源代码，看看您是否可以帮助我，因为这是任务关键。:/

<s:Group id="windmill" width="50" height="200">
    <s:Group id="windmillBlades" resizeMode="scale" verticalCenter="0" horizontalCenter="0">
         <s:Line xFrom="0" xTo="140" yFrom="0" yTo="140">
            <s:stroke>
                <s:SolidColorStroke color="0xBC311E" weight="16" />
            </s:stroke>
        </s:Line>        
    </s:Group>
</s:Group>

谢谢!

编辑:注意这是我真正的应用程序的抽象，我不是在构建风车模拟器。

Answer 1

这样做是可行的：

<s:Group id="windmill" width="50" height="200" x="400" y="400">
    <s:Group id="windmillBlades" resizeMode="scale" width="100%" height="100%">
         <s:Line xFrom="0" xTo="140" yFrom="0" yTo="140">
            <s:stroke>
                <s:SolidColorStroke color="0xBC311E" weight="16" />
            </s:stroke>
        </s:Line>        
    </s:Group>
</s:Group>

<s:VGroup>
    <s:HSlider id="scaler"
        minimum=".1" maximum="2" snapInterval=".01"
        valueCommit="{windmill.scaleX = windmill.scaleY = scaler.value}"/>
    <s:HSlider id="rotator"
        minimum="0" maximum="360" snapInterval="1"
        valueCommit="{windmill.rotation = rotator.value}"/>
</s:VGroup>

我不确定做一个完整的风车的最佳方法(用s:Line和所有的，可能只是一个中继器？)，但是这是一个旋转风车的好方法。而不是旋转每一行(大量的计算)，只是旋转整个小组。如果windmillBladles宽度和高度为100%，它们将自动与组进行缩放。

如果你想让每个叶片都围绕着它们的中心旋转，那就难多了。幸运的是，有ILayoutElement#transformAround方法( UIComponent有)，它允许您围绕任意中心旋转/缩放/转换。如果听起来更好的话，试着用它。

祝你好运，兰斯