使用颤动/飞镖翻转和摇动瓷砖动画？

1 回答

• 1

  this页面上有一个如何制作自定义摇动曲线的示例 .
  它还详细介绍了如何使用曲线创建动画 .

  编辑：实际上我试过这个，示例曲线导致颤动错误 . 你可以做的是使用这样的变换;

  /// create and animation controller in your init state;
  _controller = new AnimationController(
    vsync: this,
    duration: const Duration(milliseconds: 1000),
  )..addListener(()=>setState((){}));
  
  ...
  
  ///wrap your layout in a transform;
  return Transform(
      transform: Matrix4.translation(getTranslation()),
      child:
        /*your layout widget here*/,
    );
  
  ///Then you can get a shake type motion like so;
  Vector3 getTranslation() {
    double progress = _controller.value;
    double offset = sin(progress * pi * 2);
    return v.Vector3(offset, 0.0, 0.0);
  }
  

  然后，一旦你在动画控制器上调用前进，你将获得一个很好的摇动效果 . 获得更明显的抖动乘以一个常数的偏移量 . 为了获得更快的震动，将2.0更改为更高的量 .

  接受的答案here描述了翻转动画的简单解决方案

  回复于 2024-04-26T05:34:16+08:00