新增CustomPaint Progress组件

Author: xuyisheng

lib/animation/loading/customprogress.dart

@@ -0,0 +1,85 @@
+import 'dart:math' as math;
+
+import 'package:flutter/material.dart';
+import 'package:flutter_dojo/common/main_title_widget.dart';
+
+class CustomProgressWidget extends StatefulWidget {
+  @override
+  _CustomProgressWidgetState createState() => _CustomProgressWidgetState();
+}
+
+class _CustomProgressWidgetState extends State<CustomProgressWidget> with SingleTickerProviderStateMixin {
+  AnimationController controller;
+
+  @override
+  void initState() {
+    super.initState();
+    controller = AnimationController(
+      vsync: this,
+      duration: Duration(milliseconds: 1000),
+    )..repeat();
+  }
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: <Widget>[
+        MainTitleWidget('使用CustomPaint绘制进度'),
+        SizedBox(height: 20),
+        Container(
+          width: 100,
+          height: 100,
+          child: AnimatedBuilder(
+            animation: controller,
+            builder: (context, child) {
+              return CustomPaint(
+                painter: ProgressPainter(controller),
+              );
+            },
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class ProgressPainter extends CustomPainter {
+  double startAngle;
+  double sweepAngle;
+  final AnimationController controller;
+
+  ProgressPainter(this.controller) {
+    startAngle = Tween(begin: math.pi * 1.5, end: math.pi * 3.5)
+        .chain(CurveTween(curve: Interval(0.5, 1.0)))
+        .evaluate(controller);
+    sweepAngle = math.sin(controller.value * math.pi) * math.pi;
+  }
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    double side = math.min(size.width, size.height);
+    Paint paint = Paint()
+      ..color = Colors.blue
+      ..strokeCap = StrokeCap.round
+      ..strokeWidth = 8
+      ..style = PaintingStyle.stroke;
+    canvas.drawArc(
+      Offset.zero & Size(side, side),
+      startAngle,
+      sweepAngle,
+      false,
+      paint,
+    );
+  }
+
+  @override
+  bool shouldRepaint(ProgressPainter other) {
+    return startAngle != other.startAngle || sweepAngle != other.sweepAngle;
+  }
+}

lib/modle/animation/animation_category.dart

@@ -11,6 +11,7 @@ import 'package:flutter_dojo/animation/animbutton/progressbutton.dart';
 import 'package:flutter_dojo/animation/animlist/animlist.dart';
 import 'package:flutter_dojo/animation/animlist/deleteanimlist.dart';
 import 'package:flutter_dojo/animation/barchat/bar.dart';
+import 'package:flutter_dojo/animation/loading/customprogress.dart';
 import 'package:flutter_dojo/animation/loading/loading.dart';
 import 'package:flutter_dojo/animation/physical/physical.dart';
 import 'package:flutter_dojo/animation/scrollanimation/listtopbottom.dart';
@@ -91,6 +92,13 @@ List<DemoItem> buildLoadingDemoItems(String codePath) {
       documentationUrl: '',
       buildRoute: (context) => BaseWidget('Loading', codePath, LoadingWidget()),
     ),
+    DemoItem(
+      icon: Icons.pages,
+      title: 'CustomProgress',
+      subtitle: 'CustomProgress',
+      documentationUrl: '',
+      buildRoute: (context) => BaseWidget('CustomProgress', codePath, CustomProgressWidget()),
+    ),
   ];
 }
 

pubspec.yaml

@@ -325,6 +325,7 @@ flutter:
     - lib/animation/animation/wave.dart
 
     - lib/animation/loading/loading.dart
+    - lib/animation/loading/customprogress.dart
 
     - lib/animation/scrollanimation/scrollinganimation1.dart
     - lib/animation/scrollanimation/scrollinganimation2.dart