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>