Impl project "Tool Panel".

Author: ilopX

bin/main.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import '../patterns/abstract_factory/tool_panel_factory/main.dart';
 import '../patterns/observer/subscriber_flutter_widget/main.dart';
 import '../patterns/adapter/flutter_adapter/main.dart';
 import '../patterns/memento/memento_editor/main.dart';
@@ -13,11 +14,12 @@ class MyApp extends StatelessWidget {
     return MaterialApp(
       title: 'Refactoring Guru: Flutter launcher',
       theme: ThemeData(primarySwatch: Colors.pink),
-      initialRoute: '/memento/flutter_memento_editor',
+      initialRoute: '/abstract_factory/tool_panel',
       routes: {
         '/observer/subscriber_flutter_widget': (_) => SubscriberFlutterApp(),
         '/adapter/flutter_adapter': (_) => FlutterAdapterApp(),
         '/memento/flutter_memento_editor': (_) => FlutterMementoEditorApp(),
+        '/abstract_factory/tool_panel': (_) => WToolPanelApp(),
       },
     );
   }

patterns/abstract_factory/tool_panel_factory/app/app.dart

@@ -0,0 +1,21 @@
+import '../app/tools.dart';
+import 'shapes.dart';
+
+class App {
+  final Tools tools;
+  final Shapes shapes;
+
+  App({
+    required this.tools,
+    required this.shapes,
+  });
+
+  void addShape(double x, double y) {
+    final activeColor = tools.activeColor.value;
+    final activeFactory = tools.activeFactory.value!;
+
+    final newShape = activeFactory.createShape(x, y, activeColor);
+    newShape.centerToFit();
+    shapes.add(newShape);
+  }
+}

patterns/abstract_factory/tool_panel_factory/app/shapes.dart

@@ -0,0 +1,25 @@
+import 'dart:collection';
+
+import 'package:flutter/foundation.dart';
+
+import '../pattern/shape.dart';
+
+class Shapes with IterableMixin<Shape> {
+  final List<Shape> _shapes;
+
+  Shapes(this._shapes);
+
+  void add(Shape shape) {
+    _shapes.add(shape);
+    onAddShapeEvent._emit();
+  }
+
+  @override
+  Iterator<Shape> get iterator => _shapes.iterator;
+
+  final onAddShapeEvent = Event();
+}
+
+class Event extends ChangeNotifier {
+  void _emit() => notifyListeners();
+}

patterns/abstract_factory/tool_panel_factory/app/tools.dart

@@ -0,0 +1,40 @@
+import 'dart:async';
+import 'dart:ui';
+
+import 'package:flutter/foundation.dart';
+
+import '../mixin/icon_box_mixin.dart';
+import '../pattern/tool_factory.dart';
+
+class Tools {
+  final List<FactoryTool> factories;
+  final List<Color> colors;
+
+  final activeFactory = ValueNotifier<FactoryTool?>(null);
+
+  final activeColor = ValueNotifier(Color(0x0FFFFFFFF));
+
+  Future<bool> get iconsReady => _iconsInitCompleter.future;
+
+  Tools({required this.factories, required this.colors}) {
+    _initIconsFromShapes();
+
+    if (factories.isNotEmpty) {
+      activeFactory.value = factories.first;
+    }
+
+    if (colors.isNotEmpty) {
+      activeColor.value = colors.first;
+    }
+  }
+
+  final _iconsInitCompleter = Completer<bool>();
+
+  void _initIconsFromShapes() async {
+    await Future.wait([
+      for (final factory in factories)
+        (factory as IconBoxMixin).updateIcon(activeColor.value),
+    ]);
+    _iconsInitCompleter.complete(Future.value(true));
+  }
+}

patterns/abstract_factory/tool_panel_factory/factories/circle_factory.dart

@@ -0,0 +1,18 @@
+import 'dart:ui';
+
+import '../mixin/icon_box_mixin.dart';
+import '../pattern/tool_factory.dart';
+import '../shapes/circle_shape.dart';
+import '../pattern/shape.dart';
+
+class CircleFactory extends FactoryTool with IconBoxMixin {
+  @override
+  Shape createShape(double x, double y, Color color) {
+    return CircleShape(
+      radius: 50,
+      x: x,
+      y: y,
+      color: color,
+    );
+  }
+}

patterns/abstract_factory/tool_panel_factory/factories/line_factory.dart

@@ -0,0 +1,18 @@
+import 'dart:ui';
+
+import '../mixin/icon_box_mixin.dart';
+import '../pattern/tool_factory.dart';
+import '../pattern/shape.dart';
+import '../shapes/line_shape.dart';
+
+class LineFactory extends FactoryTool with IconBoxMixin {
+  @override
+  Shape createShape(double x, double y, Color color) {
+    return LineShape(
+      length: 100,
+      x: x,
+      y: y,
+      color: color,
+    );
+  }
+}

patterns/abstract_factory/tool_panel_factory/factories/star_factory.dart

@@ -0,0 +1,18 @@
+import 'dart:ui';
+
+import '../mixin/icon_box_mixin.dart';
+import '../pattern/tool_factory.dart';
+import '../pattern/shape.dart';
+import '../shapes/star_shape.dart';
+
+class StarFactory extends FactoryTool with IconBoxMixin {
+  @override
+  Shape createShape(double x, double y, Color color) {
+    return StarShape(
+      radius: 80,
+      x: x,
+      y: y,
+      color: color,
+    );
+  }
+}

patterns/abstract_factory/tool_panel_factory/factories/triangle_factory.dart

@@ -0,0 +1,18 @@
+import 'dart:ui';
+
+import '../mixin/icon_box_mixin.dart';
+import '../pattern/tool_factory.dart';
+import '../pattern/shape.dart';
+import '../shapes/triangle_shape.dart';
+
+class TriangleFactory extends FactoryTool with IconBoxMixin {
+  @override
+  Shape createShape(double x, double y, Color color) {
+    return TriangleShape(
+      sideLength: 120,
+      x: x,
+      y: y,
+      color: color,
+    );
+  }
+}

patterns/abstract_factory/tool_panel_factory/factories/txt_factory.dart

@@ -0,0 +1,19 @@
+import 'dart:ui';
+
+import '../mixin/icon_box_mixin.dart';
+import '../pattern/tool_factory.dart';
+import '../shapes/txt_shape.dart';
+import '../pattern/shape.dart';
+
+class TxtFactory extends FactoryTool with IconBoxMixin {
+  @override
+  Shape createShape(double x, double y, Color color) {
+    return Txt(
+      text: 'Text',
+      fontSize: 100,
+      x: x,
+      y: y,
+      color: color,
+    );
+  }
+}

patterns/abstract_factory/tool_panel_factory/main.dart

@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+
+import 'app/app.dart';
+import 'app/shapes.dart';
+import 'app/tools.dart';
+import 'factories/circle_factory.dart';
+import 'factories/line_factory.dart';
+import 'factories/star_factory.dart';
+import 'factories/triangle_factory.dart';
+import 'factories/txt_factory.dart';
+import 'widgets/drawing_board.dart';
+import 'widgets/tool_panel.dart';
+
+class WToolPanelApp extends StatefulWidget {
+  const WToolPanelApp({Key? key}) : super(key: key);
+
+  @override
+  _WToolPanelAppState createState() => _WToolPanelAppState();
+}
+
+class _WToolPanelAppState extends State<WToolPanelApp> {
+  final app = App(
+    shapes: Shapes([]),
+    tools: Tools(
+      factories: [
+        TxtFactory(),
+        LineFactory(),
+        CircleFactory(),
+        TriangleFactory(),
+        StarFactory(),
+      ],
+      colors: [
+        Colors.white,
+        Colors.green,
+        Colors.blue,
+        Colors.yellow,
+      ],
+    ),
+  );
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: [
+        DrawingBoard(
+          shapes: app.shapes,
+          onClick: app.addShape,
+        ),
+        ToolPanel(
+          tools: app.tools,
+        ),
+      ],
+    );
+  }
+}