WPF 流畅的动画

Question

我正在尝试使用 DoubleAnimationUsingKeyFrames 为网格的宽度设置动画。我已经知道如何制作简单的线性动画，但我想要实现的是平滑的运动，开始时加速而不是结束时减速。现在我正在使用 LinearDoubleKeyFrame，但我已经尝试了所有其他类型的 DoubleKeyFrames，并且 none 似乎给了我想要的效果。我制作了一个 graph 应该可以让您更好地了解我想要得到的东西。

Answer 1

布拉德利·乌夫纳：

Use one of the Easing Functions. EaseInOut looks the closest to your graph.

Answer 2

一个例子：

<Trigger.EnterActions>
   <BeginStoryboard>
       <Storyboard>
          <DoubleAnimation To="100" Duration="0:0:0.2" Storyboard.TargetName="e" Storyboard.TargetProperty="Width">
            <DoubleAnimation.EasingFunction>
              <EaseInOut ></EaseInOut >
            </DoubleAnimation.EasingFunction>
          </DoubleAnimation>
       </Storyboard>
   </BeginStoryboard>
</Trigger.EnterActions>

WPF 流畅的动画

WPF smooth animations

wpf

animation

wpf-animation