2011-03-21 105 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