抱一个大粗腿之抛物线的自定义View

导语

学习笔记，写这篇主要是为了加深一下记忆。有哪个老哥不小心点进来请直接点击下面的地址看大牛写的文章，条理清晰，受益良多。

新世界的传送门

---

下面是看到哪写到哪。

关键概念，感觉可以脑补一下简化版的PS或者早期windows自带的画图软件。

• Canvas 画布，在画布上画一些乱七八糟的东西。
• Paint 画笔，设置绘制属性、过滤、加特效等等全靠它。
• Canvas的剪切，脑补ps的L
• Canvas的集合变形，脑补ps的command+T
• 图像的绘制顺序的控制

开始绘制之onDraw()

在onDraw里绘制图形，这里不得不说一下Google大神写的代码，各种方法基本是靠猜就能猜一个八九不离十。

• Canvas 画东西一般都是drawXXXX(x,y......);想画什么图形基本猜一下后面的英文，然后点到代码里看一下参数就可以了。
• Paint 属性
  1.Paint.setStyle(Style style) 设置绘制模式。
  FILL:填充模式,STROKE :画线模式（即勾边模式），FILL_AND_STROKE 是两种模式一并使用：既画线又填充。它的默认值是 FILL，填充模式。
  2.Paint.setColor(int color) 设置颜色
  3.Paint.setStrokeWidth(float width) 设置线条宽度
  4.Paint.setTextSize(float textSize) 设置文字大小
  5.Paint.setAntiAlias(boolean aa) 设置抗锯齿开关
  开了以后会平滑很多，没遇到不开的情况。
  PS：一些绘制的常用方法参数什么的就不多bb了。

drawPath(Path path, Paint paint) 画自定义图形

• Path
  1.moveTo(float x, float y) / rMoveTo(float x, float y) 移动到目标位置
  设置个起点什么的肯定会用到的吧。
  2.Path.addXXX();搞一个图形路径，闭合
  3.lineTo(float x, float y) / rLineTo(float x, float y) 画直线
  不带r是绝对坐标，带r是相对坐标。
  4.quadTo(float x1, float y1, float x2, float y2) / rQuadTo(float dx1, float dy1, float dx2, float dy2) 画二次贝塞尔曲线
  5.cubicTo(float x1, float y1, float x2, float y2, float x3, float y3) / rCubicTo(float x1, float y1, float x2, float y2, float x3, float y3) 画三次贝塞尔曲线
  6.arcTo(RectF oval, float startAngle, float sweepAngle, boolean forceMoveTo) / arcTo(float left, float top, float right, float bottom, float startAngle, float sweepAngle, boolean forceMoveTo) / arcTo(RectF oval, float startAngle, float sweepAngle) 画弧形
  7.arcTo(RectF oval, float startAngle, float sweepAngle, boolean forceMoveTo) / arcTo(float left, float top, float right, float bottom, float startAngle, float sweepAngle, boolean forceMoveTo) / arcTo(RectF oval, float startAngle, float sweepAngle) 画弧形
  最后一个boolean是判断是否抬笔，true是抬笔，反之。
  8.close() 闭合路径，直接找到起点和终点闭合上。

• Path.setFillType(Path.FillType ft) 设置填充方式
  这个大腿那边有一张图，直接看图就可以了，简单明了。
  看了一下原理，哎呦卧槽，简直像是打开了新世界的大门......挺好玩的。

  
  
  

  沉迷

练习一下画一个心

画心

---

OVER 大千世界，望你不要迷失自我

勿忘初心