WPF流畅的动画

Question

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

Answer 1

Bradley Uffner:

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

Answer 2

An example:

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