【问题标题】:Overshoot interpolator animation in flutter?颤动中过冲插值器动画?
【发布时间】:2019-02-13 08:05:53
【问题描述】:

在 android 中,我们使用 Object animator 对动画进行过冲插值器,它会超出动画的结束值,然后返回到结束值。有没有像下面的 gif 那样颤动的替代方法。

【问题讨论】:

  • 你检查Curves类(或Curve/Cubic)了吗?
  • 是的,但是没有一条曲线可以作为过冲插值器产生预期的效果。
  • 见Curves#elasticOut见this
  • 它虽然有效。我怎么会错过它。 :D。猜猜我没有检查所有的曲线。感谢您的帮助。

标签: flutter flutter-animation


【解决方案1】:

根据@pskink 帮助,过冲插值器的类似行为是Curves.elasticOut。因为我也想控制振荡,所以我使用了 ElasticOutCurve() 曲线。下面的代码解决了这个问题。

     _clockWiseRotationAnimation =
    Tween<double>(begin: 0.0, end: 2 * pi).animate(CurvedAnimation(parent: _controller, curve: ElasticOutCurve(1.0)));

【讨论】:

    猜你喜欢
    • 2018-05-13
    • 2019-01-15
    • 2015-08-16
    • 2019-11-09
    • 2019-08-31
    • 2019-07-27
    • 2019-08-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多