2011-08-19 135 views
3

我想在Z軸上旋轉/旋轉我的Logo(圖像)。如何使圖像自旋/圍繞z軸旋轉

這是代碼我迄今爲止:

<Image Name="logo" Grid.Row="1" Grid.Column="0" Source="someLogoPath" Width="140" Height="140" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="0,10,0,0"> 
     <Image.RenderTransform> 
      <RotateTransform x:Name="TransRotate" /> 
     </Image.RenderTransform> 
     <Image.Triggers> 
      <EventTrigger RoutedEvent="Image.Loaded"> 
       <BeginStoryboard> 
        <Storyboard TargetProperty="Angle"> 
         <DoubleAnimation 
         Storyboard.TargetName="TransRotate" 
         Storyboard.TargetProperty="Angle" 
         By="360" 
         Duration="0:0:10" 
         AutoReverse="False" 
         RepeatBehavior="Forever" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
     </Image.Triggers> 
    </Image> 

這僅旋轉它在X軸上。

我需要做什麼,讓它在Z軸上旋轉?

回答

3

你的意思是這樣的嗎?

<Image.RenderTransform> 
    <RotateTransform x:Name="TransRotate" CenterX="70" CenterY="70" /> 
</Image.RenderTransform> 

<Image Name="logo" RenderTransformOrigin="0.5,0.5" /> 
+0

感謝response.I實際上喜歡它旋轉的X軸和Z軸。可能嗎? – Willem

+2

在我想的同時,你可以用'AutoReverse =「True」做一個'ScaleTransform.ScaleX''From =「1」''To =「 - 1」''。我沒有對它進行測試,但是使用'RenderTransformOrigin =「0.5,0.5」'它看起來應該像x軸上的旋轉一樣。 – LPL