m3_lightmeter/lib/screens/metering/components/topbar/shape_topbar.dart

import 'dart:math';

import 'package:flutter/material.dart';
import 'package:lightmeter/res/dimens.dart';

class TopBarShape extends CustomPainter {
  final Color color;

  /// The appendix is on the left side
  /// but if appendix height is negative, then we have to make a cutout
  ///
  ///         negative                       positive
  ///   |                   |   ///   |                   |
  ///   |                   |   ///   |                   |
  ///   |                   |   ///   |                   |
  ///   |                   |   ///   |                   |
  ///   \________           |   ///   |           ________/
  ///            \          |   ///   |          /              ↑
  ///            |          |   ///   |          |              | appendix height
  ///            \__________/   ///   \__________/              ↓
  ///
  final double appendixHeight;
  final double appendixWidth;

  TopBarShape({
    required this.color,
    required this.appendixHeight,
    required this.appendixWidth,
  });

  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()..color = color;
    final path = Path();
    const circularRadius = Radius.circular(Dimens.borderRadiusL);
    if (appendixHeight == 0 || appendixWidth == 0) {
      path.addRRect(
        RRect.fromLTRBAndCorners(
          0,
          0,
          0,
          0,
          bottomLeft: circularRadius,
          bottomRight: circularRadius,
        ),
      );
    } else {
      // Left side with bottom corner
      path.lineTo(0, size.height + appendixHeight - Dimens.borderRadiusL);
      path.arcToPoint(
        Offset(Dimens.borderRadiusL, size.height + appendixHeight),
        radius: circularRadius,
        clockwise: false,
      );

      // Bottom side with step
      final allowedRadius = min(appendixHeight.abs() / 2, Dimens.borderRadiusL);
      path.lineTo(appendixWidth - allowedRadius, size.height + appendixHeight);

      final bool isCutout = appendixHeight < 0;
      if (isCutout) {
        path.arcToPoint(
          Offset(appendixWidth, size.height + appendixHeight + allowedRadius),
          radius: circularRadius,
          clockwise: true,
        );
        path.lineTo(appendixWidth, size.height - allowedRadius);
      } else {
        path.arcToPoint(
          Offset(appendixWidth, size.height + appendixHeight - allowedRadius),
          radius: circularRadius,
          clockwise: false,
        );
        path.lineTo(appendixWidth, size.height + allowedRadius);
      }
      path.arcToPoint(
        Offset(appendixWidth + allowedRadius, size.height),
        radius: circularRadius,
        clockwise: !isCutout,
      );

      // Right side with bottom corner
      path.lineTo(size.width - Dimens.borderRadiusL, size.height);
      path.arcToPoint(
        Offset(size.width, size.height - Dimens.borderRadiusL),
        radius: circularRadius,
        clockwise: false,
      );
      path.lineTo(size.width, 0);
      path.close();
    }
    canvas.drawPath(path, paint);
  }

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