creek

The AI Image Editor of 2030
git clone https://github.com/maydayv7/creek

selection_overlay_painter.dart (2532B)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import 'package:flutter/material.dart';
import 'package:creekui/data/models/canvas_models.dart';
import 'package:creekui/ui/styles/variables.dart';

class SelectionOverlayPainter extends CustomPainter {
  final Rect rect;
  final bool isResizing;
  final DragHandle activeHandle;

  SelectionOverlayPainter({
    required this.rect,
    this.isResizing = false,
    this.activeHandle = DragHandle.none,
  });

  @override
  void paint(Canvas canvas, Size size) {
    // 1. Dim the rest of image
    final backgroundPath =
        Path()..addRect(Rect.fromLTWH(0, 0, size.width, size.height));
    final selectionPath = Path()..addRect(rect);
    final dimmedPath = Path.combine(
      PathOperation.difference,
      backgroundPath,
      selectionPath,
    );

    final dimPaint =
        Paint()
          ..color = Colors.black.withOpacity(0.5)
          ..style = PaintingStyle.fill;

    canvas.drawPath(dimmedPath, dimPaint);

    // 2. Draw Selection Border
    final paint =
        Paint()
          ..color = Variables.selectionBorder
          ..style = PaintingStyle.stroke
          ..strokeWidth = 2.0;

    // Use a dash effect for the selection box
    _drawDashedRect(canvas, rect, paint);

    // 3. If Resizing, Draw Handles
    if (isResizing) {
      final handlePaint =
          Paint()
            ..color = Colors.white
            ..style = PaintingStyle.fill;

      final handleBorderPaint =
          Paint()
            ..color = Variables.selectionBorder
            ..style = PaintingStyle.stroke
            ..strokeWidth = 2.0;

      final double handleRadius = 6.0;

      final handles = [
        rect.topLeft,
        rect.topRight,
        rect.bottomLeft,
        rect.bottomRight,
      ];

      for (final handle in handles) {
        canvas.drawCircle(handle, handleRadius, handlePaint);
        canvas.drawCircle(handle, handleRadius, handleBorderPaint);
      }

      // 4. Draw Center Handle (Move)
      final centerPaint =
          Paint()
            ..color = Variables.accentMagic.withOpacity(0.5)
            ..style = PaintingStyle.fill;

      canvas.drawCircle(rect.center, 8.0, centerPaint);
    }
  }

  void _drawDashedRect(Canvas canvas, Rect rect, Paint paint) {
    final path = Path()..addRect(rect);
    canvas.drawPath(path, paint);
  }

  @override
  bool shouldRepaint(covariant SelectionOverlayPainter oldDelegate) {
    return oldDelegate.rect != rect ||
        oldDelegate.isResizing != isResizing ||
        oldDelegate.activeHandle != activeHandle;
  }
}