同步播放動畫的最佳方法？

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（））。 閃爍很小，因為每個元素都從初始位置開始，但是它們絕對同步運行。