Android的Paint、Canvas和Path基本使用总结

     绘画是自定义View的基础，Paint和canvas至关于绘画中的画笔和纸，掌握Paint和canvas可使咱们更加容易进行自定义View。

Paint：

     1、setAntiAlias()
        通常用于绘制不规则图形的时候，使用抗锯齿，好比圆形、文字等。对于规则的图形，是不须要打开抗锯齿功能的，好比矩形。

     2、setStyle()
        设置填充的样式,主要用于控制几何图形

• Paint.Style.FILL 填充内部
• Paint.Style.FILL_AND_STROKE 填充内部和描边
• Paint.Style.STROKE 仅描边

  

     3、setStrokeWidth()
        设置画笔的宽度,单位是px.对画笔的STYLE设置成STROKE和FILL_AND_STROKE时有效。但画支线时不管style设置什么值，均有效。

注意事项：
     当设置较大stroke画圆，而且绘画的范围占满（基本占满）画布或rect时，stroke会超出绘画范围。此时须要将原来的圆半径减去stroke一半获得的长度做为新圆的半径。stroke超出的长度其实为stroke宽度的一半。

对于椭圆也差很少：

     4、Paint.Cap
        Cap指定了描边线和路径的开始和结束的处理。默认为BUTT。

• Paint.Cap.BUTT 无线帽
• Paint.Cap.ROUND 圆形线帽
• Paint.Cap.SQUARE 方形线帽

  

     5、Paint.Join
        Join指定线条和曲线段在描边路径上链接的处理。默认为MITER。

• Paint.Join.BEVEL 链接的外边缘以直线相交
• Paint.Join.MITER 链接的外边缘以锐角相交
• Paint.Join.ROUND 链接的外边缘以圆弧相交

        当画笔style设置为STROKE或者FILL_AND_STROKE时，绘画图形或绘画路径，会根据画笔的Join值对线与线之间的结合处进行处理。

Canvas：

     1、画背景
        canvas提供3种方法能够用于绘制画布的背景

void drawColor(int color)
void drawARGB(int a,int r,int g,int b)
void drawRGB(int r,int g,int b)
复制代码

     2、画直线

• startX: 起始点X坐标
• startY: 起始点Y坐标
• stopX: 终点X坐标
• stopY: 终点Y坐标

void drawLine(float startX, float startY, float stopX, float stopY, Paint paint)
复制代码

     3、画矩形
          矩形的范围可使用两个矩形工具类进行设置：Rect 和 RectF,二者的主要区别就是Rect存储的上下左右均为Int类型，而RectF存储的上下左右均为Float类型。

     画圆角矩形：

• rect 矩形的范围
• rx 生成圆角的x轴半径
• ry 生成圆角的y轴半径

  

  但drawRoundRect()方法只能生成四个圆角都是一致的矩形：

  

  若是想生成圆角不一致的圆角，可以使用shape标签：

  

     4、画弧

• RectF 圆弧绘画的矩形范围。
• startAngle 开始的角度。
• sweepAngle 整条弧跨越的弧度。
• useCenter 若是为true，则在弧形中包含椭圆的中心并闭合它。

  

  画笔不一样的style和drawArc()useCenter的值可绘画出不一样的圆弧或弧线：

  

注意事项:
     canvas画弧时，0度的起始位置在x轴正方向上。

     5、画文字

• text 绘画的文本
• start 第一个字符的索引
• end 文本的最后一个字符的索引
• x 文本绘画的起始x轴位置
• y 基线（BaseLine）

     前面几个参数都很好理解，无非就是文本、索引值和绘画起始的x轴位置，但基线是什么，怎么求呢？ Baseline是文字绘制时所参照的基准线，观察下图可看见基线是大部分英文字母的底部沿线。只有肯定Baseline的位置，才能将文字准确的绘制在咱们想要的位置上。

须要先理清楚一些概念：
     一、基线并非中心线
     二、FontMetricsInt.top表示BaseLine到顶部的距离
     三、FontMetricsInt.bottom表示BaseLine到底部的距离
     四、dy表示BaseLine到中心线的距离
     五、BaseLine = 中心线 + dy
     六、dy = 中心线 - FontMetricsInt.bottom。由于FontMetricsInt.bottom表示BaseLine到底部的距离。
     七、FontMetricsInt.top是一个负值，FontMetricsInt.bottom是一个正数。因此求改文字的中心线时，等于（FontMetricsInt.bottom - FontMetricsInt.top）/ 2

     中心线是按文字的所在的位置决定的。以联系人中的字母索引列表为例，每一个字母的所须要绘画的高都不同，须要计算每一个字母可占据的高度，再除以一半求出中心线的位置。

     6、裁剪
     剪切是对canvas的裁剪操做，并不影响原来的以前已经画好的图形。
     以clipRect()裁剪变色字体为例：

     7、save()和restore()
     每次调用save(),都会先保存当前画布的状态，而后将其放入到特定的栈中。
     每次调用restore(),都会把栈顶的画布取出来，并按照这个状态恢复当前的画布，而后在这个画布上做画。
     clipXX系列的函数对画布的操做是不可逆的，除非调用了save()和restore()对画布进行保存和恢复。

Path：

     path表明路径，在canvas中使用drawPath(Path,Paint)进行绘画路径。

     1、画直线路径

void moveTo(float x1,float y1)
void lineTo(float x2,float y2)
void close()
复制代码

     (x1,y1)是直线的起始点,(x2,y2)是直线的终点，又是下一个绘制直线路径的起始点，lineTo能够无限用。
     调用了moveTo()后，调用lineTo()画了N条直线，尚未造成闭环的话，能够调用close()将路径的首尾链接起来。

     2、画弧形路径

     使用3参的arcTo()方法画出的弧会和起始点相连，由于默认状况下路径都是连贯的，除非如下两种状况：
     一、调用addXX系列函数，直接添加固定形状的路径
     二、moveTo()改变起始位置
调用4参的arcTo()方法，将第4个参数forceMoveTo设置为true，会使弧的起始点做为绘制的起始点。

     3、addXXX系列函数
     路径默认是连贯的，但addXXX()系列函数能够直接添加一些固定形状的路径，没必要考虑连贯性。
     一、添加矩形路径

Path.Direction 用于指定如何封闭的形状(如矩形、椭圆形)。

• Path.Direction.CCW: 指建立逆时针方向的矩形路径。
• Path.Direction.CW: 指建立顺时针方向的矩形路径。

     目前顺时针和逆时针的生成对矩形图形并没有影响，但对于根据路径方向绘画文字等，则会起到关键做用。

     二、添加圆角矩形路径

     绘画圆角矩形路径对比绘画圆角矩形多了两个重载方法，其中float[] radii参数时用于定义4个角的椭圆各自的x轴半径和y轴半径，换句话说，即便用addRoundRect()也能够实现4个圆角不一样的矩形。但圆角的顺序并不由于Path.Direction值的不一样而有所改变。

     三、添加圆形路径

     具体参数和canvas绘制圆同样, x 为圆心X轴坐标， y 为圆心y轴坐标，radius 为圆的半径。

     四、添加椭圆路径

     具体参数和canvas绘制椭圆同样

     五、添加圆弧路径

     具体参数和canvas绘制圆弧同样

补充：

     1、测量文本宽高
     一、经过Paint.measureText测量文本宽度
     二、经过Paint.getTextBounds得到文字所在的矩形区域，能够的到宽高
     三、经过Paint.FontMetrics or Paint.FontMetricsInt得到文本宽度

通常使用方案二进行对文本宽高的测量，最精准。

demo连接： 连接：pan.baidu.com/s/1GrP1XYFg… 提取码：wubw