release v1.5.1-stable

Author: hackware1993

CHANGELOG.md

@@ -1,3 +1,7 @@
+# v1.5.1-stable
+
+add paint callback support.
+
 # v1.5.0-stable
 
 1. refactor debug function.

README.md

@@ -193,12 +193,12 @@ dependencies:
   flutter_constraintlayout:
     git:
       url: 'https://github.com/hackware1993/Flutter-ConstraintLayout.git'
-      ref: 'v1.5.0-stable'
+      ref: 'v1.5.1-stable'
 ```
 
 ```yaml
 dependencies:
-  flutter_constraintlayout: ^1.5.0-stable
+  flutter_constraintlayout: ^1.5.1-stable
 ```
 
 ```dart
@@ -1040,10 +1040,26 @@ class PinnedPositionExampleState extends State<PinnedPositionExample> {
 ![translate.gif](https://github.com/hackware1993/flutter-constraintlayout/blob/master/translate.gif?raw=true)
 
 ```dart
+class TrackPainter extends CustomPainter {
+  Queue<Offset> points = Queue();
+  Paint painter = Paint();
+
+  TrackPainter(this.points);
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    canvas.drawPoints(PointMode.polygon, points.toList(), painter);
+  }
+
+  @override
+  bool shouldRepaint(CustomPainter oldDelegate) => true;
+}
+
 class TranslateExampleState extends State<TranslateExample> {
   late Timer timer;
   double angle = 0;
   double earthRevolutionAngle = 0;
+  Queue<Offset> points = Queue();
 
   @override
   void initState() {
@@ -1072,6 +1088,12 @@ class TranslateExampleState extends State<TranslateExample> {
       ),
       body: ConstraintLayout(
         children: [
+          CustomPaint(
+            painter: TrackPainter(points),
+          ).applyConstraint(
+            width: matchParent,
+            height: matchParent,
+          ),
           Container(
             decoration: const BoxDecoration(
               color: Colors.redAccent,
@@ -1132,6 +1154,12 @@ class TranslateExampleState extends State<TranslateExample> {
               angle: earthRevolutionAngle * 365 / 27.32,
             ),
             translateConstraint: true,
+            paintCallback: (_, __, ____, offset, ______) {
+              points.add(offset!);
+              if (points.length > 2000) {
+                points.removeFirst();
+              }
+            },
           ),
           Text('Sun rotates ${(earthRevolutionAngle * 365 / 25.4) ~/ 360} times')
               .applyConstraint(

README_CN.md

@@ -167,12 +167,12 @@ dependencies:
   flutter_constraintlayout:
     git:
       url: 'https://github.com/hackware1993/Flutter-ConstraintLayout.git'
-      ref: 'v1.5.0-stable'
+      ref: 'v1.5.1-stable'
 ```
 
 ```yaml
 dependencies:
-  flutter_constraintlayout: ^1.5.0-stable
+  flutter_constraintlayout: ^1.5.1-stable
 ```
 
 ```dart
@@ -1014,10 +1014,26 @@ class PinnedPositionExampleState extends State<PinnedPositionExample> {
 ![translate.gif](https://github.com/hackware1993/flutter-constraintlayout/blob/master/translate.gif?raw=true)
 
 ```dart
+class TrackPainter extends CustomPainter {
+  Queue<Offset> points = Queue();
+  Paint painter = Paint();
+
+  TrackPainter(this.points);
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    canvas.drawPoints(PointMode.polygon, points.toList(), painter);
+  }
+
+  @override
+  bool shouldRepaint(CustomPainter oldDelegate) => true;
+}
+
 class TranslateExampleState extends State<TranslateExample> {
   late Timer timer;
   double angle = 0;
   double earthRevolutionAngle = 0;
+  Queue<Offset> points = Queue();
 
   @override
   void initState() {
@@ -1046,6 +1062,12 @@ class TranslateExampleState extends State<TranslateExample> {
       ),
       body: ConstraintLayout(
         children: [
+          CustomPaint(
+            painter: TrackPainter(points),
+          ).applyConstraint(
+            width: matchParent,
+            height: matchParent,
+          ),
           Container(
             decoration: const BoxDecoration(
               color: Colors.redAccent,
@@ -1106,6 +1128,12 @@ class TranslateExampleState extends State<TranslateExample> {
               angle: earthRevolutionAngle * 365 / 27.32,
             ),
             translateConstraint: true,
+            paintCallback: (_, __, ____, offset, ______) {
+              points.add(offset!);
+              if (points.length > 2000) {
+                points.removeFirst();
+              }
+            },
           ),
           Text('Sun rotates ${(earthRevolutionAngle * 365 / 25.4) ~/ 360} times')
               .applyConstraint(

example/charts.dart

@@ -1,5 +1,5 @@
-import 'dart:collection';
 import 'dart:math';
+import 'dart:ui';
 
 import 'package:flutter/material.dart';
 import 'package:flutter_constraintlayout/flutter_constraintlayout.dart';
@@ -14,7 +14,7 @@ class ChartsExample extends StatefulWidget {
 }
 
 class PolylinePainter extends CustomPainter {
-  Map<int, Rect> polylineData;
+  List<Offset> polylineData;
 
   PolylinePainter(this.polylineData);
 
@@ -26,18 +26,7 @@ class PolylinePainter extends CustomPainter {
     Paint paint = Paint()
       ..strokeWidth = 1
       ..color = Colors.green;
-    List<Rect> rectList = polylineData.values.toList();
-    Rect last = rectList[0];
-    Rect current;
-    for (int i = 1; i < rectList.length; i++) {
-      current = rectList[i];
-      canvas.drawLine(
-          Offset(last.left + last.width / 2, last.top + last.height),
-          Offset(
-              current.left + current.width / 2, current.top + current.height),
-          paint);
-      last = current;
-    }
+    canvas.drawPoints(PointMode.polygon, polylineData, paint);
   }
 }
 
@@ -47,7 +36,7 @@ class ChartsState extends State<ChartsExample> {
   late List<int> compareData;
   late int maxValue;
   int current = 6;
-  Map<int, Rect> polylineData = HashMap();
+  late List<Offset> polylineData;
   ScrollController controller = ScrollController();
 
   @override
@@ -58,6 +47,7 @@ class ChartsState extends State<ChartsExample> {
     data = [for (int i = 0; i < xTitles.length; i++) 10 + random.nextInt(91)];
     compareData = data.toList()..shuffle();
     maxValue = data.reduce(max);
+    polylineData = List.filled(data.length, Offset.zero);
   }
 
   @override
@@ -179,8 +169,8 @@ class ChartsState extends State<ChartsExample> {
                       .bottomMargin((compareData[i] / maxValue) * 400),
                   translate: const Offset(0, 0.5),
                   percentageTranslate: true,
-                  callback: (_, rect) {
-                    polylineData[i] = rect;
+                  layoutCallback: (_, rect) {
+                    polylineData[i] = rect.bottomCenter;
                   },
                 ),
               Container(

example/translate.dart

@@ -1,4 +1,6 @@
 import 'dart:async';
+import 'dart:collection';
+import 'dart:ui';
 
 import 'package:flutter/material.dart';
 import 'package:flutter_constraintlayout/flutter_constraintlayout.dart';
@@ -12,10 +14,26 @@ class TranslateExample extends StatefulWidget {
   State createState() => TranslateExampleState();
 }
 
+class TrackPainter extends CustomPainter {
+  Queue<Offset> points = Queue();
+  Paint painter = Paint();
+
+  TrackPainter(this.points);
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    canvas.drawPoints(PointMode.polygon, points.toList(), painter);
+  }
+
+  @override
+  bool shouldRepaint(CustomPainter oldDelegate) => true;
+}
+
 class TranslateExampleState extends State<TranslateExample> {
   late Timer timer;
   double angle = 0;
   double earthRevolutionAngle = 0;
+  Queue<Offset> points = Queue();
 
   @override
   void initState() {
@@ -44,6 +62,12 @@ class TranslateExampleState extends State<TranslateExample> {
       ),
       body: ConstraintLayout(
         children: [
+          CustomPaint(
+            painter: TrackPainter(points),
+          ).applyConstraint(
+            width: matchParent,
+            height: matchParent,
+          ),
           Container(
             decoration: const BoxDecoration(
               color: Colors.redAccent,
@@ -104,6 +128,12 @@ class TranslateExampleState extends State<TranslateExample> {
               angle: earthRevolutionAngle * 365 / 27.32,
             ),
             translateConstraint: true,
+            paintCallback: (_, __, ____, offset, ______) {
+              points.add(offset!);
+              if (points.length > 2000) {
+                points.removeFirst();
+              }
+            },
           ),
           Text('Sun rotates ${(earthRevolutionAngle * 365 / 25.4) ~/ 360} times')
               .applyConstraint(

example/wrapper_constraints.dart

@@ -61,7 +61,7 @@ class WrapperConstraintsExampleState extends State<WrapperConstraintsExample> {
           ),
           item('centerTopRightTo').applyConstraint(
             centerTopRightTo: rId(0),
-            callback: (_, rect) {
+            layoutCallback: (_, rect) {
               leftX = rect.right;
             },
           ),
@@ -92,7 +92,7 @@ class WrapperConstraintsExampleState extends State<WrapperConstraintsExample> {
           ),
           item('outTopLeftTo').applyConstraint(
             outTopLeftTo: rId(1),
-            callback: (_, rect) {
+            layoutCallback: (_, rect) {
               rightX = rect.left;
               WidgetsBinding.instance!.addPostFrameCallback((timeStamp) {
                 setState(() {});

lib/flutter_constraintlayout.dart

@@ -2,4 +2,3 @@ library flutter_constraintlayout;
 
 export 'src/core.dart';
 export 'src/extensions.dart';
-export 'src/auxiliary.dart';