尝试在UWP xaml中顺时针方向连续旋转一个圆

我已经实现了顺时针方向连续旋转的结构，现在想要实现与之相连的小圆圈，它也应该沿着指向结构旋转的相同方向旋转。代码如下所示

XAML

反恐精英

公共密封部分类主页面：第页
{
私有情节提要旋转=新建情节提要（）；
公共主页（）
{
this.InitializeComponent（）；
DoubleAnimation=新的DoubleAnimation（）；
动画.From=0.0；
动画.To=360.0；
//animation.BeginTime=TimeSpan.FromSeconds（1）；
animation.RepeatBehavior=RepeatBehavior.Forever；
animation.Duration=TimeSpan.FromSeconds（15）；
故事板.SetTarget（动画、显示）；
Storyboard.SetTargetProperty（动画，”（UIElement.Projection）。（PlaneProjection.Rotation“+”Z“+”）；
rotation.Children.Clear（）；
旋转.Children.Add（动画）；
旋转。开始（）；
} 
}

下图

我找到了解决办法

<Grid x:Name="ImageGrid" Grid.Row="1">
            <Grid.Projection>
                <PlaneProjection/>
            </Grid.Projection>            
            <Ellipse VerticalAlignment="Center" Margin="10,-266,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="147,-240,10,0" Fill="#E84C3D" Height="47" Width="47" StrokeThickness="5"/>
            <Ellipse VerticalAlignment="Center" Margin="245,-134,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="285,2,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="254,134,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="147,240,10,0" Fill="#E84C3D" Height="47" Width="47" StrokeThickness="5"/>
            <Ellipse VerticalAlignment="Center" Margin="10,286,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="-130,252,0,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="-239,146,0,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="-266,10,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="-232,-122,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="-130,-238,10,0" Fill="#E84C3D" Height="47" Width="47" StrokeThickness="5"/>
            <Image  x:Name="ImageBlock" Source="Assets/ic_out_circle.png" HorizontalAlignment="Center" Stretch="Uniform" Width="230">            
            <Image.Triggers>
                    <EventTrigger RoutedEvent="Image.Loaded">
                        <BeginStoryboard>
                            <Storyboard x:Name="SpinAnimation">
                                <DoubleAnimation To="0" From="360" RepeatBehavior="Forever" Duration="0:0:5"  Storyboard.TargetName="ImageGrid"
                Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationZ)"/>                 
                            </Storyboard>                                             
                        </BeginStoryboard>
                    </EventTrigger>
                </Image.Triggers>
            </Image>
</Grid>

我找到了解决方案

<Grid x:Name="ImageGrid" Grid.Row="1">
            <Grid.Projection>
                <PlaneProjection/>
            </Grid.Projection>            
            <Ellipse VerticalAlignment="Center" Margin="10,-266,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="147,-240,10,0" Fill="#E84C3D" Height="47" Width="47" StrokeThickness="5"/>
            <Ellipse VerticalAlignment="Center" Margin="245,-134,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="285,2,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="254,134,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="147,240,10,0" Fill="#E84C3D" Height="47" Width="47" StrokeThickness="5"/>
            <Ellipse VerticalAlignment="Center" Margin="10,286,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="-130,252,0,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="-239,146,0,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="-266,10,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="-232,-122,10,10" Fill="Orange" Height="47" Width="47" StrokeThickness="5" />
            <Ellipse VerticalAlignment="Center" Margin="-130,-238,10,0" Fill="#E84C3D" Height="47" Width="47" StrokeThickness="5"/>
            <Image  x:Name="ImageBlock" Source="Assets/ic_out_circle.png" HorizontalAlignment="Center" Stretch="Uniform" Width="230">            
            <Image.Triggers>
                    <EventTrigger RoutedEvent="Image.Loaded">
                        <BeginStoryboard>
                            <Storyboard x:Name="SpinAnimation">
                                <DoubleAnimation To="0" From="360" RepeatBehavior="Forever" Duration="0:0:5"  Storyboard.TargetName="ImageGrid"
                Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationZ)"/>                 
                            </Storyboard>                                             
                        </BeginStoryboard>
                    </EventTrigger>
                </Image.Triggers>
            </Image>
</Grid>

“现在我们想实现一个附加的小圆圈，它也应该沿着同一方向旋转”是什么阻止了你？如何在那个指向性结构上实现这些小圆圈，它也应该沿着指向性结构不断地朝同一方向旋转。这就是阻止我的问题。如果这些小的彩色圆圈与“顺时针方向”是同一张图片，当你旋转这张图片时，它们都将沿同一方向旋转，不应出现不同步问题。如果它们不在一张图片内，请提供“顺时针”图片和12张小圆圈图片的布局方式。简单地说，

ic\u out\u circle.png

是否包含小圆？所有小圆都不是单个图像的一部分，它们只是附着在ic\u out\u circle.png的指向部分的角上。它们沿与ic\u out\u circle.png指向部分相同的方向顺时针旋转“现在，我们想实现一个小圆圈，它也应该沿着同一个方向旋转“是什么阻止了你？如何在那个指向性结构上实现这些小圆圈，它也应该沿着指向性结构不断地向同一方向旋转。这就是阻止我的问题。如果这些小圆圈和彩色圆圈与‘顺时针方向’相同，当你旋转这张图片时，它们都将沿同一方向旋转，不应出现不同步问题。如果它们不在一张图片内，请提供“顺时针”图片和12张小圆圈图片的布局方式。简单地说，

ic\u out\u circle.png

是否包含小圆？所有小圆都不是单个图像的一部分，它们只是附着在ic\u out\u circle.png的指向部分的角上。它们沿与ic\u out\u circle.png指向部分相同的方向顺时针旋转