Add new properties.

Author: ilopX

patterns/abstract_factory/tool_panel_factory/factories/circle_factory.dart

@@ -7,16 +7,37 @@ import '../shapes/circle_shape.dart';
 import '../pattern/shape.dart';
 
 class CircleFactory extends ToolFactory with IconBoxMixin {
+  var _radius = 50.0;
+  var _isFilled = false;
+
   @override
   Shape createShape(double x, double y, Color color) {
     return CircleShape(
-      radius: 50,
+      radius: _radius,
+      isFilled: _isFilled,
       x: x,
       y: y,
       color: color,
     );
   }
 
   @override
-  Iterable<Property> get properties => [];
+  Iterable<Property> get properties {
+    return [
+      Property(
+        name: 'radius',
+        value: () => _radius,
+        onChange: (val) {
+          _radius = val;
+        },
+      ),
+      Property(
+        name: 'filled',
+        value: () => _isFilled,
+        onChange: (val) {
+          _isFilled = val;
+        },
+      ),
+    ];
+  }
 }

patterns/abstract_factory/tool_panel_factory/factories/line_factory.dart

@@ -7,16 +7,37 @@ import '../pattern/shape.dart';
 import '../shapes/line_shape.dart';
 
 class LineFactory extends ToolFactory with IconBoxMixin {
+  var _isMirror = true;
+  var _length = 100.0;
+
   @override
   Shape createShape(double x, double y, Color color) {
     return LineShape(
-      length: 100,
+      length: _length,
+      isMirror: _isMirror,
       x: x,
       y: y,
       color: color,
     );
   }
 
   @override
-  Iterable<Property> get properties => [];
+  Iterable<Property> get properties {
+    return [
+      Property(
+        name: 'mirror',
+        value: () => _isMirror,
+        onChange: (val) {
+          _isMirror = val;
+        },
+      ),
+      Property(
+        name: 'length',
+        value: () => _length,
+        onChange: (val) {
+          _length = val;
+        },
+      ),
+    ];
+  }
 }

patterns/abstract_factory/tool_panel_factory/factories/star_factory.dart

@@ -7,16 +7,37 @@ import '../pattern/shape.dart';
 import '../shapes/star_shape.dart';
 
 class StarFactory extends ToolFactory with IconBoxMixin {
+  var _radius = 80.0;
+  var _isFilled = false;
+
   @override
   Shape createShape(double x, double y, Color color) {
     return StarShape(
-      radius: 80,
+      radius: _radius,
+      isFilled: _isFilled,
       x: x,
       y: y,
       color: color,
     );
   }
 
   @override
-  Iterable<Property> get properties => [];
+  Iterable<Property> get properties {
+    return [
+      Property(
+        name: 'radius',
+        value: () => _radius,
+        onChange: (val) {
+          _radius = val;
+        },
+      ),
+      Property(
+        name: 'filled',
+        value: () => _isFilled,
+        onChange: (val) {
+          _isFilled = val;
+        },
+      ),
+    ];
+  }
 }

patterns/abstract_factory/tool_panel_factory/factories/triangle_factory.dart

@@ -7,16 +7,35 @@ import '../pattern/shape.dart';
 import '../shapes/triangle_shape.dart';
 
 class TriangleFactory extends ToolFactory with IconBoxMixin {
+  var _isFilled = false;
+  var _sideLength = 120.0;
+
   @override
   Shape createShape(double x, double y, Color color) {
     return TriangleShape(
-      sideLength: 120,
+      sideLength: _sideLength,
+      isFilled: _isFilled,
       x: x,
       y: y,
       color: color,
     );
   }
 
   @override
-  Iterable<Property> get properties => [];
+  Iterable<Property> get properties => [
+        Property(
+          name: 'sideLength',
+          value: () => _sideLength,
+          onChange: (val) {
+            _sideLength = val;
+          },
+        ),
+        Property(
+          name: 'filled',
+          value: () => _isFilled,
+          onChange: (val) {
+            _isFilled = val;
+          },
+        ),
+      ];
 }

patterns/abstract_factory/tool_panel_factory/main.dart

@@ -24,11 +24,11 @@ class _ToolPanelFactoryAppState extends State<ToolPanelFactoryApp> {
     shapes: Shapes([]),
     tools: Tools(
       factories: [
-        TextFactory(),
         LineFactory(),
         CircleFactory(),
         TriangleFactory(),
         StarFactory(),
+        TextFactory(),
       ],
       colors: [
         Colors.white,

patterns/abstract_factory/tool_panel_factory/pattern/shape.dart

@@ -25,6 +25,11 @@ abstract class Shape {
     _y -= height / 2;
   }
 
+  void translate(double x, double y) {
+    _x += x;
+    _y += y;
+  }
+
   double _x;
   double _y;
 }

patterns/abstract_factory/tool_panel_factory/shapes/circle_shape.dart

@@ -6,9 +6,11 @@ import '../pattern/shape.dart';
 
 class CircleShape extends Shape {
   final double radius;
+  final bool isFilled;
 
   CircleShape({
     required this.radius,
+    required this.isFilled,
     required double x,
     required double y,
     required Color color,
@@ -23,8 +25,10 @@ class CircleShape extends Shape {
     final pos = width / 2;
     can.drawCircle(
       Offset(pos, pos),
-      radius,
-      Paint()..color = color,
+      radius - 2,
+      Paint()
+        ..style = isFilled ? PaintingStyle.fill : PaintingStyle.stroke
+        ..color = color,
     );
   }
 

patterns/abstract_factory/tool_panel_factory/shapes/line_shape.dart

@@ -8,6 +8,7 @@ class LineShape extends Shape {
   final double length;
 
   LineShape({
+    required bool isMirror,
     required this.length,
     required double x,
     required double y,
@@ -16,17 +17,22 @@ class LineShape extends Shape {
           x: x,
           y: y,
           color: color,
-        );
+        ) {
+    if (isMirror) {
+      point1 = Offset(0, length);
+      point2 = Offset(length, 0);
+    } else {
+      point1 = Offset(0, 0);
+      point2 = Offset(length, length);
+    }
+  }
+
+  late final Offset point1;
+  late final Offset point2;
 
   @override
   void paint(Canvas can) {
-    can.drawLine(
-      Offset(0, length),
-      Offset(length, 0),
-      Paint()
-        ..color = color
-        ..strokeWidth = 3,
-    );
+    can.drawLine(point1, point2, Paint()..color = color);
   }
 
   @override

patterns/abstract_factory/tool_panel_factory/shapes/star_shape.dart

@@ -7,22 +7,32 @@ import '../pattern/shape.dart';
 
 class StarShape extends Shape {
   final double radius;
+  final bool isFilled;
 
   StarShape({
     required this.radius,
+    required this.isFilled,
     required double x,
     required double y,
     required Color color,
   }) : super(
           x: x,
           y: y,
           color: color,
-        );
+        ) {
+    _starPath = Path()..addPolygon(_createStar(), true);
+  }
+
+  late final Path _starPath;
 
   @override
   void paint(Canvas can) {
-    final path = Path()..addPolygon(_createStar(), true);
-    can.drawPath(path, Paint()..color = color);
+    can.drawPath(
+      _starPath,
+      Paint()
+        ..style = isFilled ? PaintingStyle.fill : PaintingStyle.stroke
+        ..color = color,
+    );
   }
 
   @override

patterns/abstract_factory/tool_panel_factory/shapes/triangle_shape.dart

@@ -7,21 +7,16 @@ import '../pattern/shape.dart';
 
 class TriangleShape extends Shape {
   final double sideLength;
+  final bool isFilled;
 
   TriangleShape({
     required this.sideLength,
+    required this.isFilled,
     required double x,
     required double y,
     required Color color,
-  }) : super(
-          x: x,
-          y: y,
-          color: color,
-        );
-
-  @override
-  void paint(Canvas can) {
-    final path = Path()
+  }) : super(x: x, y: y, color: color) {
+    _trianglePath = Path()
       ..addPolygon(
         [
           Offset(0, height),
@@ -30,15 +25,17 @@ class TriangleShape extends Shape {
         ],
         true,
       );
+  }
 
+  late final Path _trianglePath;
+
+  @override
+  void paint(Canvas can) {
     can.drawPath(
-      path,
-      Paint()
-        ..strokeJoin = StrokeJoin.round
-        ..style = PaintingStyle.stroke
-        ..color = color
-        ..strokeWidth = 5,
-    );
+        _trianglePath,
+        Paint()
+          ..style = isFilled ? PaintingStyle.fill : PaintingStyle.stroke
+          ..color = color);
   }
 
   @override