Android draw canvas save restore saveLayer 学习

画图需要四大基本要素：

1、一个用来保存像素的Bitmap；

2、一个Canvas画布，绘制Bitmap操作；

3、绘制的东西

4、绘制的画笔Paint（颜色和样式）

如何获得一个Canvas对象?

1. 通过重写View.onDraw方法
2. 自己创建一个Canvas对象
3. 调用SurfaceHolder.lockCanvas()，返回一个Canvas 在 surfaceView 或 TextureView中使用

自己创建一个Canvas 方法如下:

//得到一个Bitmap对象，当然也可以使用别的方式得到。
//但是要注意，该bitmap一定要是mutable(异变的)
Bitmap b = Bitmap.createBitmap(100,100, Bitmap.Config.ARGB_8888);
Canvas c = new Canvas(b);
/*先new一个Canvas对象，在调用setBitmap方法，一样的效果
 * Canvas c = new Canvas();
 * c.setBitmap(b);
 */

canvas的常用绘制方法:

1. 填充

      drawARGB(int a, int r, int g, int b)

      drawColor(int color)

      drawRGB(int r, int g, int b)

      drawColor(int color, PorterDuff.Mode mode)

2. 几何图形

     canvas.drawArc （扇形）

     canvas.drawCircle（圆）

     canvas.drawOval（椭圆）

     canvas.drawLine（线）

     canvas.drawPoint（点）

     canvas.drawRect（矩形）

     canvas.drawRoundRect（圆角矩形）

     canvas.drawVertices（顶点）

     cnavas.drawPath（路径）

3.图片

       canvas.drawBitmap （位图）

       canvas.drawPicture （图片）

4.文本

       canvas.drawText

Canvas的保存和回滚

Canvas还提供了保存和回滚属性的方法(save和restore)，

比如你可以先保存目前画纸的位置(save)，然后旋转90度，向下移动100像素后画一些图形，画完后调用restore方法返回到刚才保存的位置。

相关方法的介绍如下: 

/**
 * 保存当前的matrix和clip到私有的栈中（Skia内部实现）。任何matrix变换和clip操作都会在调用restore的时候还原。
 *
 * @return 返回值可以传入到restoreToCount()方法，以返回到某个save状态之前。
 */
public native int save();


/**
 * 传入一个标志，来表示当restore 的时候，哪些参数需要还原。该参数定义在Canvas中，参照下面。
 * save()方法默认的是还原matrix和clip，但是可以使用这个方法指定哪些需要还原。并且只有指定matrix和clip才有效，其余的几个参数是
 * 用于saveLayer()和saveLayerAlpha()方法 的。
 */
public native int save(int saveFlags);


/**
 * 回到上一个save调用之前的状态，如果restore调用的次数大于save方法，会出错。
 */
public native void restore();

/**
 * 返回栈中保存的状态，值等译 save()调用次数-restore()调用次数
 */
public native int getSaveCount();


/**
 * 回到任何一个save()方法调用之前的状态
 */
public native void restoreToCount(int saveCount);


/**
 * saveFlags的参数
 */
public static final int MATRIX_SAVE_FLAG = 0x01;//需要还原Matrix
public static final int CLIP_SAVE_FLAG = 0x02;//需要还原Clip

public static final int HAS_ALPHA_LAYER_SAVE_FLAG = 0x04;// 图层的 clip 标记,
public static final int FULL_COLOR_LAYER_SAVE_FLAG = 0x08;// 图层的 color 标记,
public static final int CLIP_TO_LAYER_SAVE_FLAG = 0x10;// 图层的 clip 标记,在saveLayer 和 saveLayerAlpha Android强烈建议必须加上他
public static final int ALL_SAVE_FLAG = 0x1F; //还原所有 一般情况都是使用这个

/*关于saveLayer的具体flags还不大明白它的含义，具体怎么使用在下面例子中*/
public int saveLayer(RectF bounds, Paint paint, int saveFlags)

public int saveLayer(float left, float top, float right, float bottom,Paint paint, int saveFlags)

public int saveLayerAlpha(RectF bounds, int alpha, int saveFlags)

public int saveLayerAlpha(float left, float top, float right, float bottom,int alpha, int saveFlags)

上图是从网上扣下来的,  我一开始看的还是有点迷糊混乱的,下面做下解释:

上图 最初始 的情况 是栈里 只有 0 1 2 3 4 ,  

然后 执行  save 方法 两次,  则 5 和6 出现在栈中

注意,

第一次调用 save 方法的时候 返回的是 4, 这时  5 压入栈

第二次调用 save 方法的时候 返回的是 6, 这时  6 压入栈

save返回的 之前的栈的 数目

如果 调用  restoreToCount(5) 那么就返回到5 的状态了, 即  即调用 第二次 save之前的状态

如果调用 两次 restore 方法, 那么会一次弹出 6 和 5  最后回到 4 的状态

saveLayer

Canvas 在一般的情况下可以看作是一张画布，所有的绘图操作如drawBitmap, drawCircle都发生在这张画布上，这张画板还定义了一些属性比如Matrix，颜色等等

但是如果需要实现一些相对复杂的绘图操作，比如多层动画，地图（地图可以有多个地图层叠加而成，比如：政区层，道路层，兴趣点层）。

Canvas提供了图层（Layer）支持，缺省情况可以看作是只有一个图层Layer。

如果需要按层次来绘图，Android的Canvas可以使用SaveLayerXXX, Restore 来创建一些中间层，

对于这些Layer是按照“栈结构“来管理的：   

创建一个新的Layer到“栈”中，可以使用saveLayer, savaLayerAlpha,

从“栈”中推出一个Layer，可以使用restore,restoreToCount

但Layer入栈时，后续的DrawXXX操作都发生在这个Layer上，

而Layer退栈时，就会把本层绘制的图像“绘制”到上层或是Canvas(即最底层)上，

在绘制 到上层或是Canvas(即最底层)上 时，可以指定Layer的透明度(Layer）

这是在创建Layer时指定的：public int saveLayerAlpha(RectF bounds, int alpha, int saveFlags)

本例Layers 介绍了图层的基本用法：

Canvas可以看做是由两个图层（Layer）构成的，为了更好的说明问题，

我们将代码稍微修改一下，缺省图层绘制一个红色的圆，

在新的图层画一个蓝色的圆，新图层的透明度为0×88。

代码如下:

public class LayersTestView extends View {
    public static final String TAG = "LayersTestView";

    private Paint mPaint;

    public LayersTestView(Context context) {
        super(context);
        init();
    }

    public LayersTestView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public LayersTestView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {

        mPaint = new Paint();
        mPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.WHITE);
        mPaint.setColor(Color.RED);
        canvas.drawCircle(75, 75, 75, mPaint);

        canvas.translate(25, 25);
        LogUtil.d(TAG, "getCounet2 = " + canvas.getSaveCount());
        int count = canvas.saveLayerAlpha(0, 0, 200, 200, 0x88, Canvas.ALL_SAVE_FLAG);
        LogUtil.d(TAG, "count = " + count + " , getCounet2 = " + canvas.getSaveCount());

        mPaint.setColor(Color.BLUE);
        canvas.drawCircle(125, 125, 75, mPaint);
        canvas.restore();
        canvas.drawCircle(30, 30, 30, mPaint);
        LogUtil.d(TAG, "getCounet3 = " + canvas.getSaveCount());
    }
}

一开始 在 最底层的默认  图层上画一个 红色圆.

然后再  canvas.saveLayerAlpha 新建一个 不透明度为 0x88的图层, 在上面划了了一个 蓝色的圆 这个图层是有透明度, 我们在手机上看到的是一个带有透明度的 圆

然后在 canvas.restore 后,再花了一个 圆, 这个圆 是在原来的图层上划的, 没有透明度 如图: 

上面需要注意的是

1. 我调用的canvas.translate(10, 10); 即把 画布平移 对 新建的那个图层是依然生效的.
2. 我们调用 saveLayerAlpha方法, 也会和 save 方法一样, 不仅在 layer 的那个栈中压入一个图层, 同时在还会在 上面 说 save 和 restore 那里压入一个栈.

参考链接:

http://blog.csdn.net/linghu_java/article/details/8939952