2011-03-21 89 views
0

我正在创建Silverlight应用程序。我需要做出几次闪烁的形状。Silverlight:重复故事板形状动画

这里是我现在(简化代码):在故事板

<UserControl> 
    <UserControl.Resources> 
     <Storyboard x:Name="Storyboard"> 
      <ColorAnimationUsingKeyFrames 
        Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" 
        Storyboard.TargetName="ellipse"> 
       <EasingColorKeyFrame KeyTime="0" Value="Black"/> 
       <EasingColorKeyFrame KeyTime="0:0:1" Value="White"/> 
       <EasingColorKeyFrame KeyTime="0:0:2" Value="Black"/> 
      </ColorAnimationUsingKeyFrames> 
     </Storyboard> 
    </UserControl.Resources> 
    <Grid x:Name="LayoutRoot" Background="White"> 
     <Ellipse x:Name="ellipse" Fill="Black" Width="100" Height="100" /> 
    </Grid> 
</UserControl> 

我设置闪烁了1次的动画(>黑再次圆的黑色 - - >白色)。请告诉我,我怎样才能让它重复,说5倍以上?我是否需要复制粘贴标签EasingColorKeyFrame或者存在更多智能方式?

谢谢。

回答

1

RepeatBehavior属性添加到您的<ColorAnimationUsingKeyFrames>元素。 @MSDN

1

将RepeatBehavior = “6X” 您ColorAnimationUsingKeyFrames如下:

<UserControl> 
    <UserControl.Resources> 
     <Storyboard x:Name="Storyboard"> 
      <ColorAnimationUsingKeyFrames RepeatBehavior="6x" 
        Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" 
        Storyboard.TargetName="ellipse"> 
       <EasingColorKeyFrame KeyTime="0" Value="Black"/> 
       <EasingColorKeyFrame KeyTime="0:0:1" Value="White"/> 
       <EasingColorKeyFrame KeyTime="0:0:2" Value="Black"/> 
      </ColorAnimationUsingKeyFrames> 
     </Storyboard> 
    </UserControl.Resources> 
    <Grid x:Name="LayoutRoot" Background="White"> 
     <Ellipse x:Name="ellipse" Fill="Black" Width="100" Height="100" /> 
    </Grid> 
</UserControl> 
+0

风扇,感谢您的例子。 – 2011-03-21 22:03:00