android canvas save 和 restore 用法

来源：互联网发布：数据库工程师难考吗编辑：程序博客网时间：2024/05/16 14:43

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

0 0