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

在Flutter中，CustomPainter是一个可以自定义绘制内容的类。如果你想要绘制一个矩形并设置画笔样式（PaintingStyle），你可以通过Canvas类的drawRect方法来实现。

以下是一个简单的自定义绘制组件的例子，它绘制了一个填充样式的矩形：

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 // 设置画笔样式为填充
    ..strokeWidth = 2.0; // 设置画笔的宽度（仅在PaintingStyle.stroke情况下有效）
 
  @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方法中，我们使用Canvas的drawRect方法来绘制一个矩形，并且设置了画笔的样式为PaintingStyle.fill，颜色为蓝色，画笔宽度为2.0。

在MyApp中，我们创建了一个CustomPaint组件，并将RectanglePainter作为绘制者，指定了绘制区域的大小为Size(200, 200)。

这个例子演示了如何在Flutter中使用CustomPainter来绘制一个简单的填充样式矩形。