android canvas save 和 restore 用法

Android 中 Canvas中 canvas.save();和canvas.restore();的用法

面试中遇到这个问题，就自己测试了一下

下面是从其他博客转载过来的：自己照着实现了一下。

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

当我们对画布进行旋转，缩放，平移等操作的时候其实我们是想对特定的元素进行操作，比如图片，一个矩形等，但是当你用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);

}

以下是实现代码

建一个hello world 程序

然后在activity的布局文件中加入这个

<com.method.testcanvas.SaveView
android:id="@+id/ballSurfaceView"
android:layout_width="200dp"
android:layout_height="200dp">
</com.method.testcanvas.SaveView>

全部布局文件是这样

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/activity_main"
tools:context="com.method.testcanvas.MainActivity"
android:orientation="vertical"
>

<TextView
android:text="Hello World!"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

<com.method.testcanvas.SaveView
android:id="@+id/ballSurfaceView"
android:layout_width="200dp"
android:layout_height="200dp">
</com.method.testcanvas.SaveView>
</LinearLayout>

这个是对应的

SurfaceView类

package com.method.testcanvas;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

/**
* Created by chenlong3 on 2016/2/19.
*/
public class SaveView extends SurfaceView implements SurfaceHolder.Callback, Runnable {

public static String notice = "自定义SurfaceView";

private SurfaceHolder sfh;
private Canvas canvas;
private Paint paint;
private int x = 30, y = 80, move_x = 2;
Bitmap mianyang;
Bitmap haiyang;

public SaveView(Context context, AttributeSet attrs) {
super(context, attrs);
this.setKeepScreenOn(true);
this.setFocusable(true);
sfh = this.getHolder();
sfh.addCallback(this);
paint = new Paint();
paint.setAntiAlias(true);
paint.setTextSize(20);
mianyang = BitmapFactory.decodeResource(getResources(), R.drawable.yy);
haiyang = BitmapFactory.decodeResource(getResources(), R.drawable.haiyang);
}

@Override
public void run() {
while (true) {
draw();
logic();
try {
Thread.sleep(100);
} catch (Exception e) {
e.printStackTrace();
}
}
}

private void draw() {
canvas = sfh.lockCanvas();
canvas.drawColor(Color.BLACK);
canvas.save();
canvas.scale(1.5f, 1.5f);
canvas.drawBitmap(haiyang, 0,0,paint); //把bmp2放大1.5倍
canvas.restore();
canvas.drawBitmap(mianyang, 0,0,paint);
sfh.unlockCanvasAndPost(canvas);
}

private void logic() {
x += move_x;
if (x >= 200 || x <= 30) {
move_x = -move_x;
}
}

@Override
public void surfaceCreated(SurfaceHolder holder) {
new Thread(this).start();
}

@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
}

@Override
public void surfaceDestroyed(SurfaceHolder holder) {
}
}

其中

mianyang

绵羊图片大小90x90

haiyang

海洋图片大小180x180

整个suraceView 大小是200x200

下面做的实验：

做对比

代码中的截图

代码中主要片段

private void draw() {
canvas = sfh.lockCanvas();
canvas.drawColor(Color.BLACK);
canvas.save();
canvas.scale(1.5f, 1.5f);
canvas.drawBitmap(haiyang, 0,0,paint); //把bmp2放大1.5倍
canvas.restore();
canvas.drawBitmap(mianyang, 0,0,paint);
sfh.unlockCanvasAndPost(canvas);
}

效果

结果分析：海洋图片放大了，绵羊没有放大

再次截图比较：

将save方法和restore注释掉

private void draw() {
canvas = sfh.lockCanvas();
canvas.drawColor(Color.BLACK);
//canvas.save();
canvas.scale(1.5f, 1.5f);
canvas.drawBitmap(haiyang, 0,0,paint); //把bmp2放大1.5倍
//canvas.restore();
canvas.drawBitmap(mianyang, 0,0,paint);
sfh.unlockCanvasAndPost(canvas);
}

结果绵羊放大了，海洋也放大。

下面在来一个都不放大的做基础比较

由此得出结论：

save 和 restore 配合使用

save之后会保存canvas对象的设置相关信息

之后调用restore会取前一个save之后的状态。

好吧不知道为什么图片总是传不成功

测试代码下载地址：

http://download.csdn.net/detail/methods2011/9436681