使用 Flutter 进行自定义绘制 了解如何在 Fluter 应用程序中使用自定义绘制创建形状

在 Flutter 中，自定义绘制通常是通过使用 CustomPaint 控件和 CustomPainter 抽象类来实现的。以下是一个简单的示例，展示如何创建一个自定义绘制的圆形控件：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: CustomPaint(
            size: Size(200.0, 200.0),
            painter: CirclePainter(),
          ),
        ),
      ),
    );
  }
}
 
class CirclePainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final Paint paint = Paint()
      ..color = Colors.blue
      ..style = PaintingStyle.fill;
 
    canvas.drawCircle(size.center(Offset.zero), min(size.width, size.height) / 2, paint);
  }
 
  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return false;
  }
}

在这个例子中，我们创建了一个自定义的 CirclePainter 类，它扩展了 CustomPainter 抽象类。在 paint 方法中，我们定义了绘制一个蓝色圆形的逻辑。在 shouldRepaint 方法中，我们返回 false 表示当且仅当组件的状态发生变化时才需要重新绘制。

然后，我们在 MyApp 的 build 方法中创建了一个 CustomPaint 控件，并将 CirclePainter 实例作为绘制器传递给它。这样，我们就在屏幕上绘制了一个自定义的圆形。