Silverlight：重复故事板形状动画答案

【问题标题】：Silverlight: repeat storyboard shape animationSilverlight：重复故事板形状动画
【发布时间】：2011-07-20 00:56:09
【问题描述】：

我正在创建 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还是有更聪明的方法？

谢谢。

【问题讨论】：

标签： silverlight animation storyboard shape

【解决方案1】：

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

【讨论】：

【解决方案2】：

将 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>

【讨论】：