Android-Canvas.save() Canvas.restore() 总结

相信很多人和我一样看了官方文档对Canvas save(), restore()方法的解释还是一个头雾水，save()保存的到底是什么信息呢？

答案是:坐标系的原点，坐标轴方向的信息。

我们在使用Canvas时难免会用到transitoin(), rotate()方法来改变坐标系的原点和坐标轴的方向，save()保存的正是这些信息。

下面举个栗子：

该例子用Canvas绘制一个仪表盘。自定义View，在onDraw()方法中绘制该仪表盘。

/**
 * Created by Administrator on 2015/2/1 0001.
 */
public class ImageMatrixView extends View {


    public ImageMatrixView(Context context) {
        super(context);

    }

    public ImageMatrixView(Context context, AttributeSet attrs) {
        super(context, attrs);

    }


    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
　　　　　　　//画笔用于绘制圆和刻度
            Paint paintLine = new Paint();
            paintLine.setColor(Color.BLUE);
            paintLine.setStyle(Paint.Style.STROKE);
            paintLine.setTextSize(20);
　　　　　　  //画笔用于绘制指针
            Paint paintPointer = new Paint();
            paintPointer.setStrokeWidth(10);
  　　　　//获取圆的半径
        float radius = Math.min(getWidth() / 2, getHeight() / 2);

        //画圆周
        canvas.drawCircle(radius, radius, radius, paintLine);
        //变化坐标系,改变后，坐标原点在(radius, radius),x轴正方形水平向右，y轴正方向水平向下
        canvas.translate(radius, radius);

        //保存坐标系信息
        canvas.save();

        //画圆上的点
        for (int i = 0; i < 12; i++)
        {
            if (i % 3 == 0)
            {
                canvas.drawLine(0, -radius, 0,  - (radius - 20), paintLine);
            }
            else
            {
                canvas.drawLine(0, -radius, 0, -(radius - 10), paintLine);
            }
            canvas.drawText(String.valueOf(i), 0, - (radius - 24), paintLine);
            //将坐标系顺时针旋转30度，
            canvas.rotate(30, 0, 0);
        }

        //回到上次保存的状态：坐标原点在（radius, radius）,x轴正方向水平向右，y轴正方向水平向下
        canvas.restore();
　　　　　　　//在保存的状态上继续改变坐标轴
        canvas.rotate(30);
　　　　　　　//绘制指针
        canvas.drawLine(0, 0, 40, 0, paintPointer);
        canvas.rotate(30);
        canvas.drawLine(0, 0, 60, 0, paintLine);
    }
}

效果图：