forked from lxm_flutter/FlutterUnit
85 lines
2.4 KiB
Dart
85 lines
2.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
/// create by 张风捷特烈 on 2020-03-06
|
|
/// contact me by email 1981462002@qq.com
|
|
/// 说明: 打个洞
|
|
/// offset 洞的偏移量分率 x,y 在 0~1 之间
|
|
/// size 洞的大小
|
|
|
|
class TechnoShapeBorder extends ShapeBorder {
|
|
final Path outLinePath = Path();
|
|
final Paint _paint = Paint();
|
|
final Path innerLinePathTop = Path();
|
|
final Color color;
|
|
|
|
final double cornerWidth;
|
|
|
|
final double spanWidth;
|
|
final double storkWidth;
|
|
final double innerRate;
|
|
|
|
TechnoShapeBorder(
|
|
{this.color = Colors.green,
|
|
this.cornerWidth = 10.0,
|
|
this.spanWidth = 2.5,
|
|
this.innerRate = 0.15,
|
|
this.storkWidth = 1.0}) {
|
|
_paint
|
|
..color = color
|
|
..strokeWidth = storkWidth;
|
|
}
|
|
|
|
@override
|
|
EdgeInsetsGeometry get dimensions => EdgeInsets.zero;
|
|
|
|
@override
|
|
Path getInnerPath(Rect rect, {TextDirection? textDirection}) {
|
|
Path path = Path();
|
|
path.addRRect(RRect.fromRectAndRadius(rect, const Radius.circular(5)));
|
|
return path;
|
|
}
|
|
|
|
@override
|
|
Path getOuterPath(Rect rect, {TextDirection? textDirection}) {
|
|
double width = rect.width;
|
|
|
|
outLinePath
|
|
..moveTo(cornerWidth, 0)
|
|
..relativeLineTo(width - cornerWidth*2, 0)
|
|
..relativeLineTo(cornerWidth, cornerWidth)
|
|
..relativeLineTo(0,rect.height - cornerWidth*2)
|
|
..relativeLineTo( - cornerWidth, cornerWidth)
|
|
..relativeLineTo(-((width-innerRate*2*width)/2-cornerWidth-2*spanWidth), 0)
|
|
..relativeLineTo(-spanWidth*2, -spanWidth)
|
|
..relativeLineTo(-rect.width * innerRate * 2, 0)
|
|
..relativeLineTo(-spanWidth * 2, spanWidth)
|
|
..relativeLineTo(-((width-innerRate*2*width)/2-cornerWidth-2*spanWidth), 0)
|
|
..lineTo(0, rect.height - cornerWidth)
|
|
..lineTo(0, cornerWidth)
|
|
..close();
|
|
|
|
return outLinePath;
|
|
}
|
|
|
|
@override
|
|
void paint(Canvas canvas, Rect rect, {TextDirection? textDirection}) {
|
|
canvas.drawPath(
|
|
outLinePath,
|
|
_paint..style = PaintingStyle.stroke);
|
|
|
|
innerLinePathTop
|
|
..moveTo(rect.width / 2, 0)
|
|
..relativeLineTo(rect.width * innerRate, 0)
|
|
..relativeLineTo(-spanWidth * 2, spanWidth)
|
|
..relativeLineTo(-rect.width * innerRate * 2, 0)
|
|
..relativeLineTo(-spanWidth * 2, -spanWidth)
|
|
..close();
|
|
canvas.drawPath(innerLinePathTop.shift(Offset(spanWidth*2,0)), _paint..style = PaintingStyle.fill);
|
|
}
|
|
|
|
@override
|
|
ShapeBorder scale(double t) {
|
|
return this;
|
|
}
|
|
}
|