canvas教程

qinjuning、lets go

字号+ 作者:H5之家 来源:H5之家 2016-02-13 17:00 我要评论( )

这里演示了加密文本,利用特定字符来定位位置sockdata=PHIDOHBBNIEFMNDIBJLENNEBBODILAEAPMIHHKMKBOKILJOJHGPDDBEOPMCEMLAPJNFDLOJCPHEAMEDNPINODFMBMLFPFHLLGBN

                                                                                                          

                                                                                                                                转载请注明出处:    

 

 

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

  

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

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

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

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

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

   

      以上引自于hellogv的《Android入门第十四篇之画图》

 

    我们打个简单的比方吧:

                Paint        就是画笔

                Bitmap    就是画布

                Canvas   就是画家

 

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

 

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

 

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

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

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

 

       自定义View的绘图方法为:

//存在canvas对象,即存在默认的显示区域 @Override public void draw(Canvas canvas) { //canvas绘图 }


      SurfaceView的绘图方法为,例如:

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

 

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

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

//创建一个的Bitmap对象 Bitmap bitmap = Bitmap.createBitmap(200, 100, Config.ARGB_8888) ; //创建一个canvas对象,并且开始绘图 Canvas canvas = new Canvas (bitmap) ; ImageView imgView = new ImageView(this) ; //或者其他可以设置背景图片的View控件 //为ImageView设置图像 //将Bitmap对象转换为Drawable图像资 Drawable drawable = new BitmapDrawable(bitmap) ; imgView .setBackgroundDrawable(drawable) ; 或者简单点: 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()方法族

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

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

 

 需要注意的方法是:

paint)

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

 

        各位看官请注意:图中X、Y轴方向标记错误。 自己也懒得重新修正了。

 

          

           那么,矩形的高 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的截图,可以更改一些参数后自己观察效果。

 

 

  1、布局文件 main.xkl :  采用了两个ImageView来显示bitmap绘图对象, 让后采用了一个自定义View绘图

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评