canvas.save() canvas.restore() 作用

暂时先看此博客,待以后再研究

这里canvas.save();和canvas.restore();是两个相互匹配出现的，作用是用来保存画布的状态和取出保存的状态的。这里稍微解释一下.

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

　　在onDraw方法里，我们经常会看到调用save和restore方法，它们到底是干什么用的呢?

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

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

　　save和restore要配对使用(restore可以比save少，但不能多)，如果restore调用次数比save多，会引发Error。save和restore之间，往往夹杂的是对Canvas的特殊操作。

  当我们对画布进行旋转，缩放，平移等操作的时候其实我们是想对特定的元素进行操作，比如图片，一个矩形等，但是当你用canvas的方法来进行这些操作的时候，其实是对整个画布进行了操作，那么之后在画布上的元素都会受到影响，所以我们在操作之前调用canvas.save()来保存画布当前的状态，当操作之后取出之前保存过的状态，这样就不会对其他的元素进行影响

对于 canvas.save();和canvas.restore(); 还有不少人不懂，OK、我再补充点：

代码段1：

    public void draw() {   

      Canvas canvas = sfh.lockCanvas();    

      canvas.drawColor(Color.BLACK);  

      canvas.drawBitmap(bmp1, 0,0,paint);  

      canvas.save();   

      canvas.scale(5f, 5f);  

      canvas.restore();   

      canvas.drawBitmap(bmp2, 0,0,paint);  

      sfh.unlockCanvasAndPost(canvas);    

    }  

   

代码段2：

    public void draw() {   

      Canvas canvas = sfh.lockCanvas();    

      canvas.drawColor(Color.BLACK);  

      canvas.drawBitmap(bmp1, 0,0,paint);  

      canvas.scale(5f, 5f);  

      canvas.drawBitmap(bmp2, 0,0,paint);  

      sfh.unlockCanvasAndPost(canvas);    

    }  

上面这两个代码片段中我们都假设有两张图片bmp1和bmp2，并且都画在画布上!

那么代码段1和代码段2的不同:

代码段1中我们进行画布缩放的之前保存了画布状态，做了缩放操作之后又取出之前保存的状态，这样做是为了保证bmp2正常画出来不受到缩放的影响！

代码段2里，画了bmp1后就执行了缩放操作，并且没有保存状态！紧接着画了bmp2，那么bmp2也会一样受到缩放的影响！！

所以我们如果单独处理一张图片的时候，而且不想影响其他部分的绘制，那么应该如下来做：

view plaincopy toclipboardprint?

    public void draw() {   

        Canvas canvas = sfh.lockCanvas();    

        canvas.drawColor(Color.BLACK);  

        canvas.drawBitmap(bmp1, 0,0,paint);  

        canvas.save();   

        canvas.scale(5f, 5f);  

        canvas.drawBitmap(bmp2, 0,0,paint);  

        canvas.restore();   

        sfh.unlockCanvasAndPost(canvas);    

      }

例如：我们先想在画布上绘制一个右向的三角箭头，当然，我们可以直接绘制，另外，我们也可以先把画布旋转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);

这里注意一下, rotate后面必须是getMeasuredWidth()和getMeasuredHeight()..具体为什么我也不太清楚..

// 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的特殊操作。