You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
aku_new_community/lib/painters/progress_bar_painter.dart

86 lines
2.8 KiB

import 'dart:math';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
class ProgressBarPainter extends CustomPainter {
final double proportion;
final int lowLevel;
ProgressBarPainter({
required this.proportion,
required this.lowLevel,
});
@override
void paint(Canvas canvas, Size size) {
final startAngle = pi * 1.42;
final sweepAngle = pi * 0.03;
final animateAngle = pi * 0.1 * proportion;
final Gradient gradient = new SweepGradient(
startAngle: startAngle,
endAngle: startAngle + sweepAngle,
colors: [
Colors.white.withOpacity(0.0),
Colors.white,
],
);
final Gradient endGradient = new SweepGradient(
startAngle: startAngle + sweepAngle + pi * 0.1,
endAngle: startAngle + sweepAngle + pi * 0.1 + sweepAngle,
colors: [
Colors.black.withOpacity(0.4),
Colors.black.withOpacity(0),
],
);
var center = Offset(size.width / 2, 700 - 30);
final Rect rect = Rect.fromCircle(center: center, radius: 700);
final foregroundPaint = Paint()
..style = PaintingStyle.stroke
..color = Colors.white
..strokeCap = StrokeCap.round
..shader = gradient.createShader(rect)
..strokeWidth = 10.w;
final backPaint = Paint()
..style = PaintingStyle.stroke
..strokeCap = StrokeCap.round
..color = Colors.black.withOpacity(0.4)
..strokeWidth = 10.w;
canvas.drawArc(rect, startAngle, sweepAngle, false, foregroundPaint);
canvas.drawArc(rect, startAngle + sweepAngle, pi * 0.1, false, backPaint);
canvas.drawCircle(
Offset(-110, -21), 12.w, foregroundPaint..style = PaintingStyle.fill);
canvas.drawArc(rect, startAngle + sweepAngle, animateAngle, false,
foregroundPaint..style = PaintingStyle.stroke);
canvas.drawArc(rect, startAngle + sweepAngle + pi * 0.1, sweepAngle, false,
backPaint..shader = endGradient.createShader(rect));
canvas.drawCircle(
Offset(110, -21), 12.w, foregroundPaint..style = PaintingStyle.fill);
TextPainter textPainter = TextPainter(
text: TextSpan(
text: 'LV$lowLevel',
style: TextStyle(
color: Colors.white,
fontSize: 22.sp,
)),
textDirection: TextDirection.ltr);
textPainter.layout();
textPainter.paint(canvas, Offset(-117, -40));
textPainter
..text = TextSpan(
text: 'LV${lowLevel + 1}',
style: TextStyle(
color: Colors.white,
fontSize: 22.sp,
));
textPainter.layout();
textPainter.paint(canvas, Offset(103, -40));
}
@override
bool shouldRepaint(ProgressBarPainter oldDelegate) {
return oldDelegate.proportion != proportion;
}
}