如何继续变换/旋转？ - 飞镖/颤振

Question

我在 dart/Flutter 中使用 Transform.Rotate 时遇到了一些问题。 我已经设置了我的代码，以便我可以用手势旋转图像。但是，一旦我将图像旋转一次并松开并继续旋转，图像就会重置回其原始位置。

与此处显示的问题相同：Rotation gesture produces undesired rotation

这里的解决方案是将转换保存在一个变量中。有什么方法可以将转换保存在 Dart/Flutter 中的变量中？

另外，理想的情况是我可以对旋转进行一点动画处理，因此它会稍微延迟，因为现在它会立即响应旋转。如果这部分不清楚，请告诉我！

欢迎提出建议！！！

Answer 1

您基本上想要保存小部件的状态，所以我认为您需要将它包装在 StatefulWidget 中才能做到这一点。 (https://www.youtube.com/watch?v=AqCMFXEmf3w)

要平滑动画，您可以尝试使用 AnimatedContainer 吗？ 我自己没有使用它，但我认为它应该是你需要的！ (https://www.youtube.com/watch?v=yI-8QHpGIP4)

编辑

好的，我已经为你工作了。

Offset vector;
  double startingAngle;
  double deltaAngle = 0.0;
  double finalAngle = 0.0;
  // store the final angle of the object
  double finalObjectAngle = 0.0;


  void _onPanStart(DragStartDetails details) {
    _polarCoordFromGlobalOffset(details.globalPosition);
    startingAngle = vector.direction;
    print('START = $startingAngle ===================================');
  }

  void _onPanUpdate(DragUpdateDetails details) {
    _polarCoordFromGlobalOffset(details.globalPosition);

    setState(() {
      // HERE you should use the finalObjectAngle
      deltaAngle = vector.direction - startingAngle + finalObjectAngle;
      finalAngle = deltaAngle;
    });
  }

  void _onPanEnd(DragEndDetails details) {
    finalAngle = deltaAngle;
    // Save the finalAngle of the object
    finalObjectAngle = finalAngle;
    print('End = $finalAngle ===================================');
  }