Andriod中绘(画)图----Canvas的使用详解

由于在网络上找到关于Canvas的使用都比较抽象，也许是我的逻辑思维不太好吧，总是感觉理解起来比较困难，

    尤其是对save()和restore()方法的使用。本篇文章的内容就是对Canvas的使用进行一下总结，包括它的两种不同的使用

    情节和它的一些方法进行一下说明。 

  

       1  Bitmap，可以来自资源/文件，也可以在程序中创建，实际上的功能相当于图片的存储空间；

       2  Canvas，紧密与Bitmap联系，把Bitmap比喻内容的话，那么Canvas就是提供了众多方法操作Bitamp的平台；

       3  Paint，与Canvas紧密联系，是"画板"上的笔刷工具，也用于设置View控件上的样式；

       4  Drawable，如果说前三者是看不见地在内存中画图(虚拟的)，那么Drawable就是把前三者绘图结果表现出来的接口(真实的)。

              Drawable多个子类，例如：位图(BitmapDrawable)、图形(ShapeDrawable)、图层(LayerDrawable)等。  

 

    我们打个简单的比方吧：

                Paint        就是画笔

                Bitmap    就是画布

                Canvas   就是画家

 

     于是，画家可以通过画笔可以在画布上进行任何的画画。

 

Canvas的两种使用情形，从Canvas对象的获得角度分析：

 

    1、  自定义View和自定义SurfaceView中获得Canvas对象

       由于自定义View和SurfaceView在显示界面中已经获得了显示区域，canvas对象只不过是在其显示(绘画)区域进行界面布局

  的设计，当操作完毕后，系统会显示canvas的操作结果。

 

       自定义View的绘图方法为：

[java]

1. //存在canvas对象，即存在默认的显示区域   
2.     @Override  
3.     public void draw(Canvas canvas) {  
4.          //canvas绘图   
5.         }  

      SurfaceView的绘图方法为，例如：

[java]

1. SurfaceView  surfaceView = new MySurfaceView() ;         //创建一个Surface对象   
2. SurfaceHolder surfaceHolder = surfaceView. getHolder() ;  //获得SurfaceHolder对象   
3. Canvas   canvas  = surfaceHolder.lockCanvas() ;          //获得canvas对象   
4. //进行绘图操作   
5. surfaceHolder.unlockCanvasAndPost(canvas) ;            //释放canvas锁，并且显示视图  

 

    2、  在其他情形下，我们需要通过代码创建一个Canvas对象，并且在绘画成功后，将该画图区域转换为Drawable图片

  或者通过setBitmap(bitmap)显现出来。一般步骤为： 

[java]

1. //创建一个的Bitmap对象    
2.   
3.    Bitmap bitmap = Bitmap.createBitmap(200, 100, Config.ARGB_8888) ;  
4.   //创建一个canvas对象，并且开始绘图   
5.    Canvas canvas = new Canvas (bitmap) ;  
6.   
7.   ImageView imgView  = new ImageView(this) ;  //或者其他可以设置背景图片的View控件   
8.    
9.   
10.    //为ImageView设置图像   
11.    //将Bitmap对象转换为Drawable图像资   
12.    Drawable drawable = new BitmapDrawable(bitmap) ;  
13.   imgView .setBackgroundDrawable(drawable) ;  
14.   
15.   
16.   或者简单点：  imgView  .setImageBitmap(bitmap);     

     这两种方式都可以显示我们的绘图。
 

 Canvas方法分析:

 

         clipXXX()方法族

           说明：在当前的画图区域裁剪(clip)出一个新的画图区域，这个画图区域就是canvas对象的当前画图区域了。

              例如：clipRect(new Rect())，那么该矩形区域就是canvas的当前画图区域了。

        public int save()

           说明：保存已经由canvas绘画出来的东西，在save()和restore()方法之间的操作不对它们造成影响，例如旋转(roate)等。

               而且对canvas的操作(roate和translate)都是临时的，restore()后不再存在。

       public voidrestore()

           说明：复原sava()方法之前保存的东西资源。

       drawXXX()方法族

           说明：以一定的坐标值在当前画图区域画图。

           注意：图层会叠加，即后面绘画的图层会覆盖前面绘画的图层。

 

 需要注意的方法是：

     public voiddrawRect(float left, float top, float right, float bottom,Paint paint)

           说明：绘制一个矩型。需要注明的是绘制矩形的参数和Java中的方法不一样。

              该方法的参数图解说明如下：

 

           

           那么，矩形的高 height = bottom  - right 

                      矩形的宽 width  = right – left

 

       PS ：假如drawRect的参数有误，比如right < left ，Android是不会给我们检查的，也不会提示相应的错误信息，

           但它会绘画出一个高或宽很小的矩形，可能不是你希望的。

  

      public voidtranslate(float dx, float dy)

          说明：在当前的坐标上平移(x,y)个像素单位

                    若dx <0 ，沿x轴向上平移； dx >0  沿x轴向下平移

                    若dy <0 ，沿y轴向上平移； dy >0  沿y轴向下平移

     public void rotate(float degrees)

          说明：旋转一定的角度绘制图像。

         

         PS ：从截图上看，图像是确实旋转了，但是我找不到旋转的依据中心。

 

下面给出该Demo的截图，可以更改一些参数后自己观察效果。