如何使用Flash Builder 4.6沿Y軸旋轉圖像？

Question

大家下午好， 我想旋轉一個圖像使用rotationY，但它總是旋轉基於圖像的左側有沒有辦法改變旋轉點爲圖像的中心？看起來你應該能夠使用transformAround（）方法，但是我在找到transformAround的一個與圖像有關的示例時遇到問題。有沒有人有任何這樣或這樣做是錯誤的方式？我想要做的是建立一個幻燈片放映，旋轉，你點擊圖像放大。 感謝您的幫助，對於冗長的問題感到抱歉。

Answer 1

由於您使用的是Flex框架，因此您可以使用Spark 3D效果來旋轉圖像，而不是使用變換大驚小怪。看下面的例子（你可以很容易地用你的圖像替換Rect）。 Rotate3D的autoCenterTransform屬性完成將x，y，z旋轉點移動到對象中心的所有工作。

<?xml version="1.0"?> 
<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"> 

    <fx:Declarations> 
     <s:Rotate3D 
      id="rotateEffect" 
      target="{myImage}" 
      angleYFrom="0" 
      angleYTo="360" 
      duration="1000" 
      autoCenterTransform="true"/> 
    </fx:Declarations> 

    <s:Button label="Rotate" 
       x="10" y="10" 
       click="rotateEffect.play()"/> 

    <s:Rect id="myImage" 
      x="20" y="40" 
      height="100" width="100"> 
     <s:fill> 
      <s:SolidColor color="0xABABAB"/> 
     </s:fill> 
    </s:Rect> 

</s:Application> 

另外，如果你不想完全居中的轉換點，但只有卻將變換點，允許Y旋轉，您可以調整圖像的transformX屬性如下：

<?xml version="1.0"?> 
<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"> 

    <fx:Declarations> 
     <s:Rotate3D 
      id="rotateEffect" 
      target="{myImage}" 
      angleYFrom="0" 
      angleYTo="360" 
      duration="1000" 
      /> 
    </fx:Declarations> 

    <s:Button label="Rotate" 
       x="10" y="10" 
       click="rotateEffect.play()"/> 

    <s:Rect id="myImage" 
      x="20" y="40" 
      height="100" width="100" 
      transformX="{myImage.width/2}"> 
     <s:fill> 
      <s:SolidColor color="0xABABAB"/> 
     </s:fill> 
    </s:Rect> 

</s:Application>