Canvas的save和restore

 

在建立新的控件或修改现有的控件时，咱们都会涉及到重写控件或View的onDraw方法。

 

onDraw方法会传入一个Canvas对象，它是你用来绘制控件视觉界面的画布。

 

在onDraw方法里，咱们常常会看到调用save和restore方法，它们究竟是干什么用的呢？

 

❑ save：用来保存Canvas的状态。save以后，能够调用Canvas的平移、放缩、旋转、错切、裁剪等操做。

 

❑ restore：用来恢复Canvas以前保存的状态。防止save后对Canvas执行的操做对后续的绘制有影响。

 

save和restore要配对使用（restore能够比save少，但不能多），若是restore调用次数比save多，会引起Error。

 

例如：咱们先想在画布上绘制一个右向的三角箭头，固然，咱们能够直接绘制，另外，咱们也能够先把画布旋转90°，画一个向上的箭头，而后再旋转回来（这种旋转操做对于画圆周上的标记很是有用）。而后，咱们想在右下角有个20像素的圆，那么，onDraw中的核心代码是：

 

int px = getMeasuredWidth();

int py = getMeasuredWidth();

 

// Draw background

canvas.drawRect(0, 0, px, py, backgroundPaint);

 

canvas.save();

canvas.rotate(90, px/2, py/2);                

 

// Draw up arrow

canvas.drawLine(px / 2, 0, 0, py / 2, linePaint);                

canvas.drawLine(px / 2, 0, px, py / 2, linePaint);

canvas.drawLine(px / 2, 0, px / 2, py, linePaint);

 

canvas.restore();

 

// Draw circle

canvas.drawCircle(px - 10, py - 10, 10, linePaint);

 

效果如图1所示：

 

图1

 

若是咱们不调用save和restore会是什么样子呢？如图2所示：

 

 

图2

 

从这两个图中，咱们就能看到圆圈位置的明显差别。不进行Canvas的save和restore操做的话，全部的图像都是在画布旋转90°后的画布上绘制的。当执行完onDraw方法，系统自动将画布恢复回来。save和restore操做执行的时机不一样，就能形成绘制的图形不一样。

 

因此，save和restore之间，每每夹杂的是对Canvas的特殊操做。