XAML 一起旋转和淡出动画答案

【问题标题】：XAML Rotate and Fade Out Animation TogetherXAML 一起旋转和淡出动画
【发布时间】：2015-08-29 08:25:28
【问题描述】：

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

<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>

现在，我想做的是，让图像旋转一次，然后一起应用旋转和淡出效果，这样当一个旋转完成时，图像已经完全淡出。我如何做到这一点？

【问题讨论】：

这里有两张图片。是否要对第二张图像应用第二次旋转和淡入淡出？

标签： wpf xaml animation

【解决方案1】：

我想出了解决办法。我使用 BeginTime 标签在第一个动画之后开始第二个动画。

【讨论】：