android canvas save 和 restore 用法

最新推荐文章于 2024-02-16 16:15:44 发布

method_chen

最新推荐文章于 2024-02-16 16:15:44 发布

阅读量485

点赞数

分类专栏： android 文章标签： canvas save和restore

本文链接：https://blog.csdn.net/methods2011/article/details/50697648

版权

android 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

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);
}