如何围绕z轴旋转/旋转图像

时间:2011-08-19 06:22:23

标签: wpf image rotation storyboard

我想在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轴上旋转?

1 个答案:

答案 0 :(得分:3)

你的意思是这样吗?

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

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