Ios 自定义油漆圆角三角形

此CustomButtonPainter类与CustomPaint小部件一起使用，以绘制与图像中的按钮类似的按钮.CustomPaint小部件允许您提供一个大小，用于确定在其上绘制按钮的画布的大小.根据需要调整 colored颜色 、文本和大小，以匹配按钮的特定外观.

class CustomButtonPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()
      ..color = Colors.white // Change this to match the button's fill color
      ..style = PaintingStyle.fill;

    final strokePaint = Paint()
      ..color =
          Colors.grey.shade400 // Change this to match the button's border color
      ..style = PaintingStyle.stroke
      ..strokeWidth = 1;

    // Calculate the notch size based on the overall size of the button
    final notchSize = size.height / 4;

    // Create the path for the button
    Path path = Path()
      ..moveTo(notchSize, 0)
      ..lineTo(size.width, 0)
      ..lineTo(size.width, size.height)
      ..lineTo(notchSize, size.height)
      ..lineTo(0, size.height / 2)
      ..close();

    // Draw the button
    canvas.drawPath(path, paint);
    canvas.drawPath(path, strokePaint);
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}

// Usage:
SizedBox(
  width: 200, // Set the width of the button
  height: 50, // Set the height of the button
  child: CustomPaint(
    painter: CustomButtonPainter(),
    child: Container(), // Can be replaced with actual child widget
  ),
)