android绘图之canvas

先来看看canvas的几个常用方法

canvas.save()

用于保存当前图层的绘制内容

canvas.restore()

用于合并调用canvas.save()之前和canvas.save()之后的绘图内容

canvas.translate

用于将绘图坐标系的原点移动到指定点作为新的坐标系原点

canvas.rotate

用于将坐标系旋转在调用方法中传入的角度

下面来结合例子看看

public class CircleLayerView extends View{
	private Paint mPaint;
	private int screenWith,screenHeight;
	private Rect srcRect,destRect;
	private Bitmap bitmap_one,bitmap_tow,bitmap_three,bitmap_four;
	public CircleLayerView(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
		initView();
	}
	public CircleLayerView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView();
	}
	public CircleLayerView(Context context) {
		super(context);
		initView();
	}




	private void initView() {
		mPaint=new Paint();
		mPaint.setAntiAlias(true);
		bitmap_one=BitmapFactory.decodeResource(getResources(), R.drawable.one);
		bitmap_tow=BitmapFactory.decodeResource(getResources(), R.drawable.tow);
		bitmap_three=BitmapFactory.decodeResource(getResources(), R.drawable.three);
		bitmap_four=BitmapFactory.decodeResource(getResources(), R.drawable.four);
	}
	@Override
	protected void onDraw(Canvas canvas) {
		screenWith=getMeasuredWidth();
		screenHeight=getMeasuredHeight();
		canvas.translate(screenWith/2, screenHeight/2-300);//将坐标原点移动到新的坐标点
		srcRect=new Rect(0,0,1600,1400);//srcRect表示需要获取原始图片的大小，0,0表示图片的左顶点，1600,1400表示原始图片的宽高
		destRect=new Rect(0,0,500,281);//指定图片需要绘制在什么地方和绘制的大小，0,0表示在新的原点处，500,281表示绘制的图片的大小
		canvas.drawBitmap(bitmap_one, srcRect,destRect, mPaint);
		canvas.save();//保存当前的图层，下面的操作将在新的图层进行
		canvas.rotate(45);//将坐标系旋转45°
		srcRect=new Rect(0,0,1000,800);
		canvas.drawBitmap(bitmap_tow, srcRect, destRect,mPaint);
		canvas.save();
		canvas.rotate(45);
		srcRect=new Rect(0,0,1700,1000);
		canvas.drawBitmap(bitmap_three, srcRect, destRect,mPaint);
		canvas.save();
//		canvas.restore();//注释1
//		canvas.restore();//注释2
//		canvas.restore();//注释3
//		canvas.restore();//注释4
		canvas.translate(0, 100);
		srcRect=new Rect(0,0,1000,600);
		destRect=new Rect(0,100,500,381);
		canvas.drawBitmap(bitmap_four, srcRect, destRect,mPaint);

		
	}

效果如图

可以看到第一张图是在平移到新的原点上画的，第二张是经过旋转45°画的，第三张也是旋转45°之后画的，第四张则是在（0,100）处画的。由于坐标系经过了两次45°的旋转，

即旋转了90°，即新的坐标系是向下是x轴正方形，向左是y轴正方向，所以第四张在（0,100）处画图则是向左平移了100，结合上图应该不难理解。

下面我们将上面ondraw方法中的画第三个图片的下面将下面的注释1和注释2改成不注释

效果如图

可看到这次第四张并没有像之前的在第三张的y轴正方向平移100，而是改成在第二张的y轴正方向上平移100 。这是因为调用了两次canvas.restore()方法，即在栈顶的图层是绘制

第二张图的图层，所以后面的绘图也是在第二张图的图层上绘制。现在我们把注释3给改成不注释状态，再看看效果。

可以看到再次调用canvas.restore()就返回到了绘制第一张图的图层，图中第四张图的确是在第一张图的y周的正方向平移了100 。调用了canvas.restore()会把栈顶图层合并到下一张图层

然后出栈，下一张成为栈顶图层，后续的绘图操作也是在栈顶图层绘制。现在来把注释4给改成不注释再看看效果。

可以看到再次调用canvas.restore()方法之后绘制第一张的图层也合并到了最初的图层，即原点坐标还是屏幕左上角为（0,0）的时候。第四张向下平移100也是正确的。