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.
85 lines
2.8 KiB
85 lines
2.8 KiB
3 years ago
|
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;
|
||
|
|
}
|
||
|
|
}
|