WPF缓动动画

Question

嘿，我在VS 2013中创建WPF时还很陌生。我希望此框弹起并缓入/缓出。

我目前的代码：

<BeginStoryboard x:Name="FadeInStoryBoard">
    <Storyboard>
       <DoubleAnimation Storyboard.TargetName="ZWindow" From="0.01" To="0.85" Storyboard.TargetProperty="Opacity" Duration="0:0:0.8">
          <DoubleAnimation.EasingFunction>
             <ElasticEase Oscillations="5" Springiness="5" EasingMode="EaseInOut"/>
          </DoubleAnimation.EasingFunction>
       </DoubleAnimation>
       <DoubleAnimation Storyboard.TargetName="ZWindow" From="0.85" To="0" Storyboard.TargetProperty="Opacity" Duration="0:0:0.8" BeginTime="0:0:20" Name="boxFader">
          <DoubleAnimation.EasingFunction>
             <ElasticEase Oscillations="3" Springiness="5" EasingMode="EaseInOut"/>
          </DoubleAnimation.EasingFunction>
       </DoubleAnimation>
    </Storyboard>
</BeginStoryboard>

由于淡入/淡出，当前显示时看起来很奇怪。 当弹入/弹出时，我如何才能消除褪色并使其褪色？

Answer 1

请尝试一下

<Rectangle Width="100"
               Height="100"
               VerticalAlignment="Bottom"
               Fill="Red">
        <Rectangle.RenderTransform>
            <TranslateTransform />
        </Rectangle.RenderTransform>
        <Rectangle.Triggers>
            <EventTrigger RoutedEvent="Loaded">
                <BeginStoryboard>
                    <Storyboard RepeatBehavior="Forever">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.Y)">
                            <EasingDoubleKeyFrame KeyTime="0:0:1"
                                                  Value="-200">
                                <EasingDoubleKeyFrame.EasingFunction>
                                    <ElasticEase />
                                </EasingDoubleKeyFrame.EasingFunction>
                            </EasingDoubleKeyFrame>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Rectangle.Triggers>
    </Rectangle>