dash_painter 1.0.0 dash_painter: ^1.0.0 copied to clipboard
a package for flutter canvas paint dash line path easily.
dash_painter #
a package for flutter canvas paint dash line path easily.
1. 如何使用
DashPainter
只负责对 路径 Path
的虚线化绘制,不承担组件职能。
一般用在拥有 Canvas
对象的回调方法中,比如自定义的 CustomPainter
、Decoration
。
具体使用案例见 demo
const DashPainter(span: 4, step: 9).paint(canvas, path, paint);
对于所有的路径都是使用的,如下的 圆角矩形
和 圆形
;
圆角矩形 | 圆形 |
---|---|
2. 点划线的使用
除了虚线,还可以绘制点划线
, pointCount
和 pointWidth
两个属性,分别表示点划线数
和点划线长
。
const DashPainter(
span: 4, // 空格长
step: 10, // 实线长
pointCount: 2, // 点划线个数
pointWidth: 2 // 点划线长
).paint(canvas, path, paint);
单点划线
:
![image-20210510070923020](/Users/mac/Library/Application Support/typora-user-images/image-20210510070923020.png)
双点划线
:
![image-20210510071049769](/Users/mac/Library/Application Support/typora-user-images/image-20210510071049769.png)
三点划线
:
![image-20210510071131986](/Users/mac/Library/Application Support/typora-user-images/image-20210510071131986.png)
点画线圆
:
![image-20210510072143441](/Users/mac/Library/Application Support/typora-user-images/image-20210510072143441.png)