自定义控件三部曲之绘图篇（十三）——Canvas与图层(一)

前言：猛然知道姥姥79了，我好怕，好想哭
 

 

系列文章：

Android自定义控件三部曲文章索引：http://blog.csdn.net/harvic880925/article/details/50995268

 

在给大家讲解了paint的几个方法之后，我觉得有必要插一篇有关Canvas画布的知识,在开始paint之前，我们讲解了canvas绘图的几篇文章和cavas的save()、store()的知识，这篇是对Canvas的一个系统的补充，前几篇文章链接如下：
《自定义控件之绘图篇（一）：概述及基本几何图形绘制》
《 自定义控件之绘图篇（二）：路径及文字》
《自定义控件之绘图篇（三）：区域（Range）》
《自定义控件之绘图篇（四）：canvas变换与操作》

 

一、如何获得一个Canvas对象

方法一：自定义view时， 重写onDraw、dispatchDraw方法

（1）、定义

我们先来看一下onDraw、dispatchDraw方法的定义

 

 

protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
}

protected void dispatchDraw(Canvas canvas) {
    super.dispatchDraw(canvas);
}

可以看到onDraw、dispatchDraw在传入的参数中都有一个canvas对象。这个canvas对象是View中的Canvas对象，利用这个canvas对象绘图，效果会直接反应在View中；

（2）、onDraw、dispatchDraw区别

• onDraw()的意思是绘制视图自身
• dispatchDraw()是绘制子视图

无论是View还是ViewGroup对它们俩的调用顺序都是onDraw()->dispatchDraw()
但在ViewGroup中，当它有背景的时候就会调用onDraw()方法，否则就会跳过onDraw()直接调用dispatchDraw()；所以如果要在ViewGroup中绘图时，往往是重写dispatchDraw()方法
在View中，onDraw()和dispatchDraw()都会被调用的，所以我们无论把绘图代码放在onDraw()或者dispatchDraw()中都是可以得到效果的，但是由于dispatchDraw()的含义是绘制子控件，所以原则来上讲，在绘制View控件时，我们是重新onDraw()函数
所以结论来了：
在绘制View控件时，需要重写onDraw()函数，在绘制ViewGroup时，需要重写dispatchDraw()函数。

方法二：使用Bitmap创建

1、构建方法

使用：

Canvas c = new Canvas(bitmap);

或

Canvas c = new Canvas(); 
c.setBitmap(bitmap); 

其中bitmap可以从图片加载，也可以创建，有下面几种方法

//方法一：新建一个空白bitmap
Bitmap bmp = Bitmap.createBitmap(width ,height Bitmap.Config.ARGB_8888);
//方法二：从图片中加载
Bitmap bmp = BitmapFactory.decodeResource(getResources(),R.drawable.wave_bg,null);

这两个方法是最常用的，除了这两个方法以外，还有其它几个方法（比如构造一个具有matrix的图像副本——前面示例中的倒影图像），这里就不再涉及了，大家可以去查看Bitmap的构造函数。

2、在OnDraw（）中使用

我们一定要注意的是，如果我们用bitmap构造了一个canvas，那这个canvas上绘制的图像也都会保存在这个bitmap上，而不是画在View上，如果想画在View上就必须使用OnDraw（Canvas canvas）函数中传进来的canvas画一遍bitmap才能画到view上。
下面举个例子：

public class BitmapCanvasView extends View {
    private Bitmap mBmp;
    private Paint mPaint;
    private Canvas mBmpCanvas;
    public BitmapCanvasView(Context context, AttributeSet attrs) {
        super(context, attrs);

        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mBmp = Bitmap.createBitmap(500 ,500 , Bitmap.Config.ARGB_8888);
        mBmpCanvas = new Canvas(mBmp);
    }

    @Override
    protected void onDraw(Canv