Flutter 画笔(Paint)、drawRect(绘制矩形)、PaintingStyle

在Flutter中，CustomPainter是一个可以自定义绘制内容的类。如果你想要绘制一个矩形并设置其样式，你可以使用Canvas类的drawRect方法来绘制矩形，并使用Paint类来设置样式。

以下是一个简单的自定义绘制组件的例子，它绘制了一个实心的矩形：

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, 200),
            painter: RectanglePainter(),
          ),
        ),
      ),
    );
  }
}
 
class RectanglePainter extends CustomPainter {
  Paint _paint = Paint()
    ..color = Colors.blue // 设置矩形的填充颜色
    ..style = PaintingStyle.fill; // 设置绘画样式为填充
 
  @override
  void paint(Canvas canvas, Size size) {
    // 绘制一个矩形
    canvas.drawRect(
      Rect.fromLTWH(10, 10, size.width - 20, size.height - 20),
      _paint,
    );
  }
 
  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return false; // 是否需要重绘，这里返回false表示不重绘
  }
}

在这个例子中，RectanglePainter类继承自CustomPainter，并重写了paint方法来绘制矩形。PaintingStyle.fill表示矩形是实心的，而color属性设置了矩形的颜色。CustomPaint部件则用于显示自定义绘制的内容，并指定了绘制的大小。