【问题标题】:How to make a image spin/rotate around the z axis如何使图像围绕 z 轴旋转/旋转
【发布时间】:2011-10-30 08:51:18
【问题描述】:

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

【问题讨论】:

    标签: wpf image rotation storyboard


    【解决方案1】:

    你的意思是这样的吗?

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

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

    【讨论】:

    • 感谢您的回复。我实际上希望它在 x 和 z 轴上旋转。有可能吗?
    • 我认为你可以同时使用ScaleTransform.ScaleX From="1" To="-1"AutoReverse="True"。我还没有测试过,但是RenderTransformOrigin="0.5,0.5" 看起来应该像 x 轴上的旋转。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-22
    • 1970-01-01
    • 2015-02-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多