feat: Arc component supports: displayOnly, SingleSelector, DoubleSele…

…ctor modes Support for Arc component to display: * displayOnly: No thumb selector is shown * SingleSelector: One thumb selector is shown * DoubleSelector: (WIP) Two selectors will be shown
Yonomi · May 21, 2021 · fd1a722 · fd1a722
1 parent f46cd1a
commit fd1a722
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 24 deletions.
diff --git a/lib/components/arc.dart b/lib/components/arc.dart
@@ -2,6 +2,8 @@ import 'dart:math';
 
 import 'package:flutter/material.dart';
 
+enum ArcMode { displayOnly, singleSelection, doubleSelection }
+
 class Arc extends StatefulWidget {
   final Widget centerWidget;
   final Color color;
@@ -10,14 +12,17 @@ class Arc extends StatefulWidget {
 
   final double initialValue;
 
-  Arc(
-      {Key key,
-      @required this.centerWidget,
-      this.color,
-      @required this.initialValue,
-      @required this.onFinalSetPoint,
-      @required this.maxValue})
-      : super(key: key);
+  final ArcMode arcMode;
+
+  Arc({
+    Key key,
+    this.arcMode = ArcMode.singleSelection,
+    @required this.centerWidget,
+    @required this.initialValue,
+    @required this.maxValue,
+    @required this.onFinalSetPoint,
+    this.color,
+  }) : super(key: key);
 
   @override
   _ArcState createState() => _ArcState();
@@ -95,28 +100,36 @@ class _ArcState extends State<Arc> {
           height: height,
           child: GestureDetector(
             onTapDown: (TapDownDetails details) {
-              final x = details.localPosition.dx;
-              final y = details.localPosition.dy;
-              updateXYAndSetValue(x, y, width);
+              if (widget.arcMode != ArcMode.displayOnly) {
+                final x = details.localPosition.dx;
+                final y = details.localPosition.dy;
+                updateXYAndSetValue(x, y, width);
+              }
             },
             onPanEnd: (DragEndDetails details) {
-              final _value = calculateMagnitude();
-              setState(() {
-                value = _value;
-              });
-              widget.onFinalSetPoint(value);
+              if (widget.arcMode != ArcMode.displayOnly) {
+                final _value = calculateMagnitude();
+                setState(() {
+                  value = _value;
+                });
+                widget.onFinalSetPoint(value);
+              }
             },
             onPanUpdate: (DragUpdateDetails details) {
-              final x = details.localPosition.dx;
-              final y = details.localPosition.dy;
-              updateXYAndSetValue(x, y, width);
+              if (widget.arcMode != ArcMode.displayOnly) {
+                final x = details.localPosition.dx;
+                final y = details.localPosition.dy;
+                updateXYAndSetValue(x, y, width);
+              }
             },
             onTapUp: (TapUpDetails details) {
-              final _value = calculateMagnitude();
-              setState(() {
-                value = _value;
-              });
-              widget.onFinalSetPoint(value);
+              if (widget.arcMode != ArcMode.displayOnly) {
+                final _value = calculateMagnitude();
+                setState(() {
+                  value = _value;
+                });
+                widget.onFinalSetPoint(value);
+              }
             },
             child: CustomPaint(
               painter:

diff --git a/lib/components/lock_widget.dart b/lib/components/lock_widget.dart
@@ -26,6 +26,7 @@ class LockWidget extends StatelessWidget {
             ),
             Center(
               child: Arc(
+                arcMode: ArcMode.displayOnly,
                 centerWidget: SizedBox(
                     width: 175,
                     height: 175,