画像をホバリングするときにストーリーボードを開始します

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> 

はここに私の画像です：

<Image x:Name="image" HorizontalAlignment="Left" Height="64" VerticalAlignment="Top" Width="64" Source="Images/Logo/Logomakr_3lb9fd.png" Margin="7,7,0,0" RenderTransformOrigin="0.5,0.5"> 
      <Image.RenderTransform> 
       <TransformGroup> 
        <ScaleTransform/> 
        <SkewTransform/> 
        <RotateTransform/> 
        <TranslateTransform/> 
       </TransformGroup> 
      </Image.RenderTransform> 
      <Image.Style> 
       <Style> 
        <Style.Triggers> 
         <EventTrigger RoutedEvent="Control.MouseEnter"> 
          <BeginStoryboard Storyboard="{StaticResource TurnLogo}"/> 
         </EventTrigger> 
        </Style.Triggers> 
       </Style> 
      </Image.Style> 
     </Image> 

私はなぜ...それが失敗した画像を合わせると？

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>