canvas.save() canvas.restore() 解析
canvas.save();和canvas.restore();是两个相互匹配出现的,作用是用来保存画布的状态和取出保存的状态的。
当我们对画布进行旋转,缩放,平移等操作的时候其实我们是想对特定的元素进行操作,比如图片,一个矩形等,但是当你用canvas的方法来进行这些操作的时候,其实是对整个画布进行了操作,那么之后在画布上的元素都会受到影响,所以我们在操作之前调用canvas.save()来保存画布当前的状态,当操作之后取出之前保存过的状态,这样就不会对其他的元素进行影响。
测试:假设画一个蓝色外框,再画一个黄色内框,黄色内框缩小一半,最后绘制文本。但是文本信息不缩小。
场景一:
@Override
protected void onDraw(Canvas canvas) {
// 绘制外层矩形
canvas.drawRect(
0,
0,
getMeasuredWidth(),
getMeasuredHeight(),
mPaint1);
//把画布缩放一半
canvas.scale(0.5f ,0.5f);
// 绘制内层矩形
canvas.drawRect(
10,
10,
getMeasuredWidth() - 10,
getMeasuredHeight() - 10,
mPaint2);
// 父类完成的方法,即绘制文本(此自定义View是覆写的TextView,调用父类super,绘制文本)
super.onDraw(canvas);
}
效果图:
说明:先绘制了外框蓝色——将画布缩小了一半——绘制了黄色的内框——最后绘制了文本。
可以发现我们是想缩小黄色内框的大小,但是用canvas的缩小方法来进行操作的时候,其实是对整个画布进行了操作,那么之后在画布上的所有元素都会受到影响,导致文本信息也被缩放了。
场景二:
@Override
protected void onDraw(Canvas canvas) {
// 绘制外层矩形
canvas.drawRect(
0,
0,
getMeasuredWidth(),
getMeasuredHeight(),
mPaint1);
canvas.save();
//把画布缩放一半
canvas.scale(0.5f ,0.5f);
// 绘制内层矩形
canvas.drawRect(
10,
10,
getMeasuredWidth() - 10,
getMeasuredHeight() - 10,
mPaint2);
// 父类完成的方法,即绘制文本(此自定义View是覆写的TextView,调用父类super,绘制文本)
canvas.restore();
super.onDraw(canvas);
}
效果:
说明:先绘制了外框蓝色——保存了画布状态——将画布缩小了一半——绘制了黄色的内框——取出先前保存的画布状态——最后绘制了文本。这样就能保证了,只有黄色内框缩小了一半。没有影响最后的文本信息。