WPF舒缓动画

本文关键字：动画 舒缓 WPF | 更新日期: 2023-09-27 18:06:53

大家好，我是一个在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>

它目前看起来很奇怪时显示，由于它淡入/淡出。我怎么能去掉褪色，只是让它在弹进/弹出时褪色?

WPF舒缓动画

请尝试一下，

<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>
相关文章：