Flutter 自定义画家 class

Question

自定义画家 class 中的 shouldRepaint 方法在 Flutter 中如何工作？我已阅读 documentation 但我不明白如何以及何时向我们提供它。

Answer 1

这是一种提示框架是否需要调用您的 CustomPainter 的 paint 方法的方法。

假设您有一个采用颜色的小部件。

class SomeWidget extends StatelessWidget {
  final Color color;

  SomeWidget(this.color);

  @override
  Widget build(BuildContext context) {
    return new CustomPaint(
      painter: new MyPainter(color),
    );
  }
}

这个 Widget 可以被框架多次重建，但是只要传递给构造函数的 Color 没有改变，并且 CustomPainter 不依赖于任何其他东西，那么重新绘制 CustomPaint 就没有意义.当颜色确实改变时，我们想告诉框架它应该调用 paint。

因此，如果颜色已更改，CustomPainter 可以通过返回 true 来提示框架。

class MyPainter extends CustomPainter {
  final Color color;

  MyPainter(this.color);

  @override
  void paint(Canvas canvas, Size size) {
    // this paint function uses color
    // as long as color is the same there's no point painting again
    // so shouldRepaint only returns true if the color has changed
  }

  @override
  bool shouldRepaint(MyPainter oldDelegate) => color != oldDelegate.color;
}

Flutter 自定义画家 class

Flutter custom painter class

flutter

flutter-animation