Path

旧城等待， 2022-06-09 05:05 141阅读 0赞

Path工具类：用来记录线条的轨迹路径。  
canvas.draw(path,paint);  
贝塞尔曲线  
手机充电等等效果  
现实生活当中：任何的曲线和曲面都可以用贝塞尔公式来解决。比如：iPhone 2.5D屏幕曲面；奥迪A9流线型；  
Path工具类  
Path path = new Path();  
//二阶贝塞尔  
path.quadTo(x1,y1,x2,y2);  
//三阶贝塞尔  
path.cubicTo();  
在画贝塞尔曲线时先确定起始点path.moveTo(x0, x0);  
二阶贝塞尔：  
![二阶][SouthEast]  
其中ACE就是我们需要的三点，A就是起始点，而AE这段二阶贝塞尔曲线的确定是因为每一点都满足

ABAC=CDCE=BFBD

三阶类似ABCD就是我们需要的点  
![三阶][SouthEast 1]

AEAB=BFBC=CGCD=EIEF=FJFG=IHIJ

通过上面的公式可以获得三阶贝塞尔曲线的每一点  
下面画两个二阶贝塞尔曲线

Paint paint=new Paint();
            paint.setColor(Color.BLACK);
            paint.setStyle(Style.STROKE);
            paint.setStrokeWidth(10);
            Path path=new Path();
            path.moveTo(100, 100);
            path.quadTo(200, 0, 300, 100);
            path.quadTo(400, 200, 500, 100);
            canvas.drawPath(path, paint);

![这里写图片描述][SouthEast 2]

下面画一个三阶

path.cubicTo(200, 0, 400, 200, 500, 100);

![这里写图片描述][SouthEast 3]  
canvas.drawPath(path, paint);  
一次性全部绘制完的。

[SouthEast]: /images/20220609/c5ad9d3caaa840818e99aef4e63855b9.png
[SouthEast 1]: /images/20220609/1823f401deaf4b5d8f1e7ca9ea2ca33e.png
[SouthEast 2]: /images/20220609/33336bf41c684408ada81214789f03fe.png
[SouthEast 3]: /images/20220609/045114292f534088add3bae814711ed1.png