绘制的基本要素:
onDraw(Canvas):是用来重写的
Canvas:实际执行绘制的
Paint:调整粗细和颜色等
坐标系:以屏幕左上角为原点,向右、向下为正向数值的坐标系
尺寸单位:在绘制过程中所有的尺寸单位都是px,像素,在绘制阶段是直接跟屏幕打交道的
举例,我们画一条线
package com.example.viewtest.view
import android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.util.AttributeSet
import android.view.View
class TestView(context: Context, attrs: AttributeSet) : View(context, attrs) {
private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
override fun onDraw(canvas: Canvas) {
super.onDraw(canvas)
canvas.drawLine(100f, 100f, 300f, 300f, paint)
}
}
画个圆
package com.example.viewtest.view
import android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.util.AttributeSet
import android.view.View
import com.example.viewtest.ext.dp
class TestView(context: Context, attrs: AttributeSet) : View(context, attrs) {
private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
override fun onDraw(canvas: Canvas) {
super.onDraw(canvas)
canvas.drawCircle(width / 2f, height / 2f, 100.dp, paint)
}
}
接下来讲Path,path不是用来绘制路径的,绘制路径只是其中一个功能而已,他是用来绘制图形的
使用Path绘制一个圆
package com.example.viewtest.view
import android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.graphics.Path
import android.util.AttributeSet
import android.view.View
import com.example.viewtest.ext.dp
class TestView(context: Context, attrs: AttributeSet) : View(context, attrs) {
private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
private val path = Path()
// 在尺寸发生改变的时候,初始化 path
override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
super.onSizeChanged(w, h, oldw, oldh)
path.reset()
// 最后一个参数:Direction,CW:顺时针,CCW:逆时针
path.addCircle(width / 2f, height / 2f, 100.dp, Path.Direction.CW)
}
override fun onDraw(canvas: Canvas) {
super.onDraw(canvas)
// canvas.drawLine(100f, 100f, 300f, 300f, paint)
//
// canvas.drawCircle(width / 2f, height / 2f, 100.dp, paint)
canvas.drawPath(path, paint)
}
}
这里主要讲一下Direction,Direction主要是用来处理两个图形相交处的样子,通过Direction的配合使用,可以使图形相交地方之处实现实心还是镂空的效果,这里有一个标准
如果要确定一个点是在内部还是外部,那么就从这个点像任意方向发送一条射线,这条线遇到左旋(逆时针)路径就+1,右旋路径就-1,最终结果无论正负,只要不为0,那么这就是一个在内部的点
除此之外,一般使用path.fillType属性,他的默认值是Path.FillType.WINDING,使用path.fillType是另一套计算方式,也就是说不管左旋还是右旋,一个点只记录和path的相交次数,奇数为内部,偶数为外部
镂空效果直接设置为 path.fillType = Path.FillType.EVEN_ODD
举个例子,一个圆和一个方相交
package com.example.viewtest.view
import android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.graphics.Path
import android.util.AttributeSet
import android.view.View
import com.example.viewtest.ext.dp
class TestView(context: Context, attrs: AttributeSet) : View(context, attrs) {
private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
private val path = Path()
// 在尺寸发生改变的时候,初始化 path
override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
super.onSizeChanged(w, h, oldw, oldh)
path.reset()
// 最后一个参数:Direction,CW:顺时针,CCW:逆时针
path.addCircle(width / 2f, height / 2f, 100.dp, Path.Direction.CW)
path.addRect(width / 2f - 100.dp, height / 2f, width / 2f + 100.dp, height / 2f + 2 * 100.dp, Path.Direction.CCW)
// 第二个参数的作用是是否要自动闭合
pathMeasure = PathMeasure(path, false)
pathMeasure.length
// 给定一个长度,会返回当前长度所处位置的切点,也就是正弦值
pathMeasure.getPosTan()
path.fillType = Path.FillType.EVEN_ODD
}
override fun onDraw(canvas: Canvas) {
super.onDraw(canvas)
// canvas.drawLine(100f, 100f, 300f, 300f, paint)
//
// canvas.drawCircle(width / 2f, height / 2f, 100.dp, paint)
canvas.drawPath(path, paint)
}
}
pathMeasure = PathMeasure(path, false)
第二个参数的作用是是否要自动闭合,如果一个图形假设是个半圆,那么测量的就是这个半圆的长度,如果是true就是半圆+起始点连接线的长度