导语
学习笔记,写这篇主要是为了加深一下记忆。有哪个老哥不小心点进来请直接点击下面的地址看大牛写的文章,条理清晰,受益良多。
下面是看到哪写到哪。
关键概念,感觉可以脑补一下简化版的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) 设置填充方式
这个大腿那边有一张图,直接看图就可以了,简单明了。
看了一下原理,哎呦卧槽,简直像是打开了新世界的大门......挺好玩的。