WPF 平滑动画答案

【问题标题】：WPF smooth animationsWPF 平滑动画
【发布时间】：2017-08-02 14:45:36
【问题描述】：

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

【问题讨论】：

使用Easing Functions 之一。 EaseInOut 看起来最接近您的图表。
准确地说是CubicEase的EaseInOut模式。
感谢您的快速回复，我将在今天晚些时候尝试这些功能:)

标签： wpf animation wpf-animation

【解决方案1】：

布拉德利·乌夫纳：

使用其中一种缓动功能。 EaseInOut 看起来最接近您的图表。

【讨论】：

【解决方案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>

【讨论】：