Flutter 绘制虚线

本文主要是介绍Flutter 绘制虚线，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Flutter 没有自带的虚线绘制工具，需要自己绘制，下面提供一个方法来绘制吧，可以作为Paint的扩展，也可以直接用这个方法绘制。上代码。

void dashPaint(Canvas canvas, startdx, startdy, enddx,enddy, dashWidth, gapWidth, Paint paint) {// 使用循环来模拟虚线效果
// dashWidth 虚线的宽度，gapWidth的宽度， start起点坐标，end终点坐标double currentX = startdx;double currentY = startdy;double d= sqrt((enddx- startdx)*(enddx- startdx)+(enddy- startdy)*(enddy- startdy)); //计算线段长度// sindouble sin = (enddy - startdy) /d;double cos = (enddx - startdx) /d;while ((sin>0&&currentY < enddy) ||(sin<0&&currentY > enddy)){canvas.drawLine(Offset(currentX, currentY),Offset(currentX+ dashWidth* cos, currentY + dashWidth * sin ),paint,);currentX += (dashWidth + gapWidth)* cos;currentY += (dashWidth + gapWidth)* sin;}}

这篇关于Flutter 绘制虚线的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---