XAML一起旋转和淡出动画

Question

我有以下代码用于图像旋转动画：

<Image Source="/Resources/Collage5.jpg" Name="myImage">

    <!--Code for Rotation Animation-->
    <!--RenderTransformOrigin="0.5, 0.5">-->
    <Image.RenderTransform>
        <RotateTransform/>
    </Image.RenderTransform>

    <Image.Triggers>
        <EventTrigger RoutedEvent="Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetProperty="(Rectangle.RenderTransform).(RotateTransform.Angle)" To="360" Duration="0:0:5" RepeatBehavior="Forever"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Image.Triggers>

以及以下淡出动画代码：

 <StackPanel>
        <Image Name="MyRectangle" Source="/Resources/Collage5.jpg">
            <Image.Triggers>

     <!--Animates the rectangle's opacity.--> 

                <EventTrigger RoutedEvent="Image.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation
                                Storyboard.TargetName="MyRectangle" 
                                Storyboard.TargetProperty="Opacity"
                                From="1.0" To="0.0" Duration="0:0:5"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Image.Triggers>
        </Image>
    </StackPanel>

现在，我想要做的是，让图像旋转一次，然后一起应用旋转和淡出效果，这样当一次旋转完成时，图像就完全消失了。 我如何实现这一目标？

Answer 1

我找到了解决方案。我使用BeginTime标签在第一个动画之后开始第二个动画。