Draw

一、绘图坐标系

       在画布（canvas）上有个绘图坐标系，取出时，绘图坐标系的原点在左上角。如果调用canvas.traslate(50, 50)移动后，那么原点就会发生改变，变成（50， 50）。平移、旋转等操作会导致绘图坐标系原点发生变化。

       绘图坐标系改变后，可以通过canvas.save()将坐标系状态保存到状态栈中，然后通过canvas.restore()或者canvas.restoreToCount恢复到相应的状态，代码如下

package com.eric.mycustomviewdemo.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by eric on 2019/4/19.
 */

public class MyDraw extends View{


    private Paint mPaint1, mPaint2, mPaint3;

    public MyDraw(Context context) {
        super(context);
    }

    public MyDraw(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mPaint1 = new Paint();
        mPaint1.setColor(Color.RED);
        mPaint1.setStyle(Paint.Style.STROKE);
        mPaint1.setStrokeWidth(10);

        mPaint2 = new Paint();
        mPaint2.setColor(Color.YELLOW);
        mPaint2.setStyle(Paint.Style.STROKE);
        mPaint2.setStrokeWidth(10);

        mPaint3 = new Paint();
        mPaint3.setColor(Color.BLUE);
        mPaint3.setStyle(Paint.Style.STROKE);
        mPaint3.setStrokeWidth(10);
    }

    public MyDraw(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public MyDraw(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Rect rect1 = new Rect(0, 0, 400, 400);
        canvas.drawRect(rect1, mPaint1);

        canvas.save();

        canvas.translate(50, 50);


        Rect rect2 = new Rect(50, 50, 400, 400);

        canvas.drawRect(rect2, mPaint2);

        canvas.restore();

        Rect rect3 = new Rect(0, 0, 400, 400);

        canvas.drawRect(rect3, mPaint3);
        
    }
}

    效果如下

 

二、canvas的Layer

       canvas.saveLayer（）可以保存当前图层的信息到Layer栈，并新开启一个透明的图层进行绘画操作。保存后可以通过canvas.restore()或者canvas.restoreToCount回到以前图层进行操作。新开启的图层会继承canvas的Paint以及绘图坐标系

 

总结:

     状态栈与Layer栈其实是同一个栈，之所以取两个名称，是方便对以上的操作进行解析。

     状态栈：save与restore来保存与还原Matrix变化（traslate、rotate、scale、skew）与Clid裁剪。也可以通过restoToCount进行还原

    Layer栈：saveLayer保存当前图层信息，并开启一个透明图层进行绘画。恢复是通过restore与restoToCount函数。开启的图层会继承上一个canvas的属性