同步播放动画的最佳方法？

Question

每当用户触发时，我的应用程序都会从​​Web下载数据。 用户可以触发多个下载。 每次下载都在堆栈面板中列出，并且在下载时正在旋转的每个项目上都会显示一个忙碌图标。

<Image x:Name="rotatingCircle" Source="{StaticResource busy_icon}" Height="30" RenderTransformOrigin=".5,.5" Visibility="Visible">
            <Image.RenderTransform>
                <RotateTransform x:Name="AnimatedRotateTransform" Angle="0" />
            </Image.RenderTransform>
            <Image.Style>
                <Style>
                    <Style.Triggers>
                        <Trigger Property="Image.IsEnabled" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation
                                Storyboard.TargetProperty="RenderTransform.Angle"
                                From="0"
                                To="360"
                                Duration="0:0:1"
                                RepeatBehavior="Forever"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Image.Style>
        </Image>

如何同步动画，以使每个圆圈都以相同角度旋转，而不管它是何时开始的？

Answer 1

就我而言，将故事板存储在列表中就足够了。 每次添加动画图标时，我都会遍历所有Storyboard，然后再次启动它们（sb.Begin（））。 闪烁很小，因为每个元素都从初始位置开始，但是它们绝对同步运行。