Android绘图之Canvas变换（6）

Posted 2023-03-22

参考技术A

前面讲解了Canvas的基本概念， android绘图之Canvas概念理解（5） ，
对Canvas的概念进行了分析，但是没有说明和屏幕的关系，Canvas不等于屏幕，屏幕不会动的，我们也无法对屏幕进行（平移，缩放等）操作，只能对Canvas进行操作，所以对Canvas进行操作，屏幕不动，最终会导致看到的图像不同。

下面开始讲解Canvas的变幻操作：
包括：translate,rotate,scale,skew,clip，clipout，matrix

先从最简单的平移开始：

对Canvas进行平移，
dx: x轴方向进行平移,正值向屏幕右侧
dy：y轴方向进行平移，正值向屏幕下方

绘制两个点查看原点位置。

原点显然改变了，以后再绘制任何形状都是以translate后的原点开始绘制。

参数说明
sx:横向的缩放，默认为1，小数缩小，整数放大
sy:纵向的缩放，默认为1，小数缩小，整数放大

px，py，看源码知道是先translate，执行sx,sy然后再translate反方向。
第二次translate的坐标为（-px sx,-px sy）,最终的效果就是px,py是缩放后不动的点。

缩放后坐标减半。

如果想控制缩放后的位置，如何控制呢，这就需要第二个函数。

还可以控制其他位置，例如控制缩放后在中心。

rotate有两个函数：
rotate(float degrees)
rotate(float degrees, float px, float py)
Degree:旋转的角度，正值为顺时针，负值为逆时针
Px,py:旋转的中心，如果不指定旋转中心默认为（0,0）点

指定旋转中心为矩形中心

参数说明：
sx:画布在x方向上倾斜相应的角度，sx倾斜角度的tan值，
sy:画布在y轴方向上倾斜相应的角度，sy为倾斜角度的tan值，

根据矩形或者路径裁剪画布，画布被切割之后，只有部分区域可用，其他区域无法绘制内容。
Clip函数切割的区域可用，clipOut未被切割的区域可用。（过时函数不再讲解）

Matrix提供了一些方法来控制变换：

android绘图之Paint(1)
android绘图之Canvas基础（2）
Android绘图之Path（3）
Android绘图之drawText绘制文本相关（4）
Android绘图之Canvas概念理解（5）
Android绘图之Canvas变换（6）
Android绘图之Canvas状态保存和恢复（7）
Android绘图之PathEffect （8）
Android绘图之LinearGradient线性渐变（9）
Android绘图之SweepGradient（10）
Android绘图之RadialGradient 放射渐变（11）
Android绘制之BitmapShader（12）
Android绘图之ComposeShader，PorterDuff.mode及Xfermode（13）
Android绘图之drawText,getTextBounds,measureText,FontMetrics,基线（14）
Android绘图之贝塞尔曲线简介（15）
Android绘图之PathMeasure（16）
Android 动态修改渐变 GradientDrawable

android绘图之Canvas基础（2）

参考技术A

Canvas画布，用于绘制出各种形状配合画布的变幻操作可以绘制出很多复杂图形，基本的绘制图形分类。
提供的绘制函数：

上面四个函数都可以绘制canvas的背景，注意到PorterDuff.Mode变量，它只对两个canvas绘制bitmap起作用，所以此处暂时不讨论mode参数（没有设置mode默认使用srcover porterduff mode）。

Rect 和RectF都是提供一个矩形局域。
(1)精度不一样，Rect是使用int类型作为数值，RectF是使用float类型作为数值。
(2)两个类型提供的方法也不是完全一致。

**
rect：RectF对象，一个矩形区域。
rx：x方向上的圆角半径。
ry：y方向上的圆角半径。
paint：绘制时所使用的画笔。**

**
cx 圆心x
cy 圆心y
radius半径**

需要一个Path,代表路径后面会讲解。

绘制线的集合，参数中pts是点的集合，两个值代表一个点，四个值代表一条线，互相之间不连接。
offset跳过的点，count跳过之后要绘制的点的总数，可以用于集合中部分点的绘制。

跳过部分节点：

没有跳过点

RectF oval:生成弧的矩形，中心为弧的圆心
float startAngle：弧开始的角度，以X轴正方向为0度，顺时针
float sweepAngle：弧持续的角度
boolean useCenter:是否有弧的两边，True，还两边，False，只有一条弧

在矩形框内画一个椭圆，如果是个正方形会画出一个圆。

canvas.drawPoint();
canvas.drawPoints();

**
只需要提供两个点一个坐标就可以绘制点。
canvas.drawPoint(20,20,mPaint);
float[] points = 30,40,40,50,60,60;
canvas.drawPoints(points,mPaint);**

这几种方法类似：
canvas.drawText("好好学习，天天向上",100,100,mPaint);

drawTextOnPath
沿着一条 Path 来绘制文字
text 为所需要绘制的文字
path 为文字的路径
hOffset 文字相对于路径的水平偏移量，用于调整文字的位置
vOffset 文字相对于路径竖直偏移量，用于调整文字的位置
值得注意的是，在绘制 Path 的时候，应该在拐弯处使用圆角，这样文字显示时更舒服

大致讲解，后面会重点讲解。

Rect src
Rect dst
其中src和dst这两个矩形区域是用来做什么的？
Rect src：指定绘制图片的区域
Rect dst或RectF dst：指定图片在屏幕上的绘制（显示）区域
首先指定图片区域，然后指定绘制图片的区域。

android绘图之Paint(1)
android绘图之Canvas基础（2）
Android绘图之Path（3）
Android绘图之drawText绘制文本相关（4）
Android绘图之Canvas概念理解（5）
Android绘图之Canvas变换（6）
Android绘图之Canvas状态保存和恢复（7）
Android绘图之PathEffect （8）
Android绘图之LinearGradient线性渐变（9）
Android绘图之SweepGradient（10）
Android绘图之RadialGradient 放射渐变（11）
Android绘制之BitmapShader（12）
Android绘图之ComposeShader，PorterDuff.mode及Xfermode（13）
Android绘图之drawText,getTextBounds,measureText,FontMetrics,基线（14）
Android绘图之贝塞尔曲线简介（15）
Android绘图之PathMeasure（16）
Android 动态修改渐变 GradientDrawable