dart - 使用 Flutter/Dart 翻转和摇动瓷砖动画 ..？

Question

https://github.com/chimple/maui/blob/master/lib/games/memory.dart

我正在尝试使用 Flutter/Dart 实现 MemoryMatching Game。整个游戏逻辑已编码 Up..only Animation is pending当用户单击任何随机图 block 时，图 block 的翻转应该发生，并且在尝试匹配不匹配的图 block 时应该发生抖动动画并且它们应该再次翻转。 These is how initial look of the game

Answer 1

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

编辑:实际上我试过了，示例曲线导致 flutter 错误。您可以做的是像这样使用转换；

/// 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 Vector3(offset, 0.0, 0.0);
}

然后，一旦您在动画 Controller 上调用 forward，您将获得不错的摇动效果。要获得更明显的抖动，请乘以一个常数的偏移量。要获得更快的摇动，请将 2.0 更改为更高的数量。

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