Android:Path总结

Android实际开发中经常用到Path来画一些点、线、圆、贝塞尔曲线等,现在闲暇了,来个小的总结吧。

  1. moveTo
      moveTo用来移动画笔。Android默认屏幕的左上角坐标为(0,0),
  2. lineTo
      lineTo用于绘制直线,默认是从左上角(0,0)开始绘制。
mPath.lineTo(100, 100);
canvas.drawPath(mPath, mPaint);
Android:Path总结_第1张图片
lineTo.png
  1. quadTo
      quadTo用来绘制贝塞尔曲线。
      quadTo(float x1, float y1, float x2, float y2),其中(x1,y1)为控制点,(x2,y2)为结束点。
mPath.moveTo(100, 400);
mPath.quadTo(200, 100, 600, 400);
canvas.drawPath(mPath, mPaint);
Android:Path总结_第2张图片
quadTo.png

  也可以通过连续的quadTo实现其他图形,下边画一个简单的水滴形状:

mPath.moveTo(200,700);
mPath.quadTo(50,900,200,910);
mPath.quadTo(350,900,200,700);
canvas.drawPath(mPath,mPaint);
Android:Path总结_第3张图片
水滴形状.png

  道理很简单,下图是模拟出水滴的起始点、三个控制点,Path会根据这四个点绘制出贝塞尔图形,如果要绘制其他有难度的图形,可以先模拟出个个点的位置,分析曲线的路径,就可以确定每个点的坐标了。


Android:Path总结_第4张图片
水滴分析图.png
  1. cubicTo
      cubicTo跟quadTo一样,都是用来绘制贝塞尔曲线的,只是多个一个控制点。
      cubicTo(float x1, float y1, float x2, float y2, float x3, float y3),其中(x1,y1)、(x2,y2)是控制点,(x3,y3)是结束点。
mPath.moveTo(100,500);
mPath.cubicTo(100, 500, 300, 100, 600, 500);
canvas.drawPath(mPath, mPaint);
Android:Path总结_第5张图片
cubicTo.png

  用cubicTo实现上边那个水滴,和用quadTo实现是一样的,就是多个控制点,如果控制点位置放的好的话,形状会更逼真。
  将mPath移动到(0,0)点后绘制出来的曲线也很美的:

mPath.moveTo(0,0);
mPath.cubicTo(100, 500, 300, 100, 600, 500);
canvas.drawPath(mPath, mPaint);
Android:Path总结_第6张图片
从(0,0)开始绘制.png
  1. arcTo
      arcTo用来绘制弧线(好吧,上边的quadTo和cubicTo也能实现,但是arcTo实际上是截取了圆或者椭圆的一部分)。
      arcTo(RectF oval, float startAngle, float sweepAngle),oval为椭圆的矩形,startAngle为开始角度,sweepAngle为结束角度。(注意:开始角度是从3点钟方向开始,顺时针开始计算)
mRectF = new RectF(10, 10, 300, 300);
mPath.arcTo(mRectF, 0, 90);
canvas.drawPath(mPath, mPaint);
Android:Path总结_第7张图片
arcTo.png

  还有四个参数的这个arcTo(RectF oval, float startAngle, float sweepAngle, boolean forceMoveTo),API是这么说的“If true, always begin a new contour with the arc”,就是说,每次绘制都是从这个RectF的0度开始也就是3点钟方向。有什么用?有……当使用同一个Path在其他位置绘制完成后再绘制该arc,如果为false那么上次绘制的结束点就会链接到这个RectF的0度位置,如果为true那么Path是直接移动到RectF的0度位置,中间不进行绘制。

  1. close
      close就是关闭当前路径了。应该这么理解,关闭的是这次绘制的路径,会在起点和重点连接起来。
    Android:Path总结_第8张图片
    close所绘制的线.png
  2. 当然还有其他的,等有时间了再慢慢补充吧
Android:Path总结_第9张图片
终于会添加动态图了.gif

你可能感兴趣的:(Android:Path总结)