Question

我的表单上有一个简单的图像。我想要做的是当我悬停图像时，它会启动一个故事板，它基本上可以自行完成360循环。这是故事板，它叫做TurnLogo：

这是我的形象：

  <Storyboard x:Key="TurnLogo">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="image">
            <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="360"/>
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>

当我将图像悬停时，它会失败..为什么？

Answer 1

删除Storyboard.TargetName：

<Storyboard x:Key="TurnLogo">
    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.Angle"
                     By="360" Duration="0:0:1"/>
</Storyboard>

并简化RenderTransform：

<Image ... RenderTransformOrigin="0.5,0.5">
    <Image.RenderTransform>
        <RotateTransform/>
    </Image.RenderTransform>
    <Image.Style>
        <Style TargetType="Image">
            <Style.Triggers>
               <EventTrigger RoutedEvent="MouseEnter">
                   <BeginStoryboard Storyboard="{StaticResource TurnLogo}"/>
                </EventTrigger>
            </Style.Triggers>
        </Style>
    </Image.Style>
</Image>

在悬停图像时开始编辑故事板

1 个答案: