Flex 4：缩放到一点（放大鼠标单击的图像）

Question

我一直在努力让它发挥作用，但我似乎无法弄清楚。有一个 Image 控件，当我单击它时，我需要放大（使用单击鼠标的中心/变换点）。

我的缩放过渡效果很好，但是当我设置 transformX & tranformY （autoCenterTransform false）它不会放大到该点。

这是我的代码，仅放大（不放大到特定点）

<fx:Script>
        <![CDATA[

            protected function imgLogo_clickHandler(event:MouseEvent):void
            {
                transformer.play();
            }           
        ]]>
    </fx:Script>

    <fx:Declarations>       
        <s:Parallel id="transformer" target="{imgLogo}">
            <s:Scale scaleXBy="0.5" scaleYBy="0.5" />           
        </s:Parallel>
    </fx:Declarations>

    <mx:Image id="imgLogo"   width="250" x="100" y="100"
            maintainAspectRatio="true" source="@Embed('src/logo.png')"      
            click="imgLogo_clickHandler(event)"  />

非常感谢任何帮助。 谢谢

Answer 1

经过进一步挖掘，我能够弄清楚这一点。您需要将 MouseEvent 中的 transformX 和 transformY 设置为舞台坐标（而不是本地坐标）。

protected function imgLogo_clickHandler(event:MouseEvent):void
{
     scaleImg.transformX = event.stageX;
     scaleImg.transformY = event.stageY;
     transformer.play();
}  

并像这样修改 Scale 的声明

<s:Scale id="scaleImg" scaleXBy="0.5" scaleYBy="0.5" autoCenterTransform="false" />