android Canvas中的clipRect、drawBitmap

转载 2015年11月19日 14:43:58

哥们以前几乎没有写博客的习惯,不过现在公司上班比较清闲,而且最近又在研究android上的游戏开发,所以想把自己的学习过程记录下来,之前也做记录不过用的是纸质的笔记本,写的多了乱放有的找不到了,所以还是觉得在博客上写靠谱些,起码丢不了,而且还能够跟许多人一起分享,何乐而不为呢。各位喜欢的就赞一下,不喜欢的喷喷也没关系的大笑。内容比较基础,高手们可以直接无视大笑,因为这篇文章算不上是那种技术文章,只不过是对自己学习的一个记录而已。好了,下面进入正题了。

        在游戏的开发过程中必定会涉及到N多图片的处理,比如图片的切割、转动、平移等操作,本篇主要描述使用Canvas对图片的clip动作。

        Canvas.clipRect(float left, float top, float right, float bottom, Paint paint)这个方法我们自然很明白了,在手机屏幕上裁剪出一块区域来,起点是从屏幕的左上角开始。

        当我在用到 Canvas.drawBitmap(Bitmap btmap, float left, float top, Paint paint)方法时,对其中的left、top参数的含义不是很了解,API文档里对这两个参数的描述如下:

            left   The position of the left side of the bitmap being drawn

            top   The position of the top side of the bitmap being drawn

           翻译过来就是被绘制的图片的左边的位置,被绘制的图片的上边的位置.

       当单独使用Canvas.drawBitmap方法的,效果如下(代码中的蓝色矩形是为了突出说明效果,蓝色矩形的大小正好与 jerry照片的大小一致):

       操作代码:

[java] view plaincopy
  1. canvas.save();  
  2. mPaint.setColor(Color.BLUE);  
  3. canvas.drawRect(00, mBmp.getWidth(), mBmp.getHeight(), mPaint);  
  4. canvas.restore();  
  5.               
  6. canvas.save();  
  7. canvas.drawBitmap(mBmp, mBmp.getWidth(), mBmp.getHeight(), mPaint);  
  8. canvas.restore();  

效果图如下:

图1

 

修改部分代码:

[java] view plaincopy
  1. canvas.save();  
  2. mPaint.setColor(Color.BLUE);  
  3. canvas.drawRect(00, mBmp.getWidth(), mBmp.getHeight(), mPaint);  
  4. canvas.restore();  
  5.      
  6. canvas.save();  
  7. canvas.clipRect(00, getWidth()/2, getHeight()/2);  
  8. canvas.drawBitmap(mBmp, mBmp.getWidth(), mBmp.getHeight(), mPaint);  
  9. canvas.restore();  

效果图如下:

图2
效果很明显,当加入了canvas.clipRect(0, 0, getWidth()/2, getHeight()/2);之后发现jerry的照片就剩下一部分了,此时jerry照片的位置与图1中的位置一样,只不过由于

canvas.clipRect(0, 0, getWidth()/2, getHeight()/2);这行代码的原因将画布的绘制区域限制到了屏幕的右上角的四分之一的区域中了,导致了jerry照片显示不全,如果将

canvas.drawBitmap(mBmp, mBmp.getWidth(), mBmp.getHeight(), mPaint);修改为

canvas.drawBitmap(mBmp, 50, 50, mPaint);之后就出现了下面的效果了

 

关于 Canvas中的其他的drawBitmap方法最好经过实际的代码实验来验证效果,我本人觉得如果只是看android文档或代码不去动手操作的话有时候很难知道一些方法执行后的真正的效果是怎么样的,还是要多动手。

Canvas开篇之drawBitmap方法讲解

前面讲了paint,后面会花几篇主要讲讲canvas,并且由于最近项目比较紧,所以近期的文章都会“短小精悍”; paint 作为画笔,里面有非常多而强大的设置方法,比如设置颜色过滤器,设置位图渲染、渐...
  • tianjian4592
  • tianjian4592
  • 2015年04月14日 10:04
  • 58267

赵雅智_运用Bitmap和Canvas实现图片显示,缩小,旋转,水印

上一篇已经介绍了Android种Bitmap和Canvas的使用,下面我们来写一个具体实例 http://blog.csdn.net/zhaoyazhi2129/article/details/32...
  • zhaoyazhi2129
  • zhaoyazhi2129
  • 2014年06月18日 16:34
  • 4279

图形绘制之——Canvas详解(四)-Bitmap(位图)及Matrix矩阵

前面我们提到过canvas相当于画家,而bitmap相当于画布,前面博客的例子都是直接利用canvas绘制,这里我们来学习一下,利用bitmap先将图形绘制好,然后一起放到最终的canvas中^^。 ...
  • womengmengyan
  • womengmengyan
  • 2015年09月17日 12:00
  • 6286

android中canvas的clipRect和concate调用顺序不同导致的图像效果不同。

android中canvas的clipRect和concate调用顺序不同导致的图像效果不同。
  • linxingqianglai
  • linxingqianglai
  • 2015年08月12日 11:56
  • 1460

Android 绘图基础:Bitmap(位图)与Matrix(矩阵)实现图片5种操作(平移、旋转、错切、缩放、对称)

Android的Matrix利用数学原理实现图片平移、旋转等操作详解   很庆幸自己的线性代数学的还可以,理解Matrix的矩阵变换完全没有问题。Matrix矩阵实现图片的平移旋转等操作涉及到线性代...
  • danfengw
  • danfengw
  • 2015年09月17日 22:27
  • 3697

Canvas开篇之drawBitmap方法讲解

尊重原创,欢迎转载,转载请注明: FROM  GA_studio   http://blog.csdn.net/tianjian4592    前面讲了paint,后面会花几...
  • qq_27489007
  • qq_27489007
  • 2017年01月26日 21:21
  • 381

android中使用Canvas绘制指定位置和宽高度的图片

http://www.cnblogs.com/error404/archive/2012/02/05/2339255.html /*--------------------------------- ...
  • yuxiaohui78
  • yuxiaohui78
  • 2013年01月03日 18:07
  • 17147

Android绘制圆形图片的方法总结

在需求开发中经常会遇到需要显示圆形图片的情况,比如我们经常见到的用户圆形头像。为了实现这个效果,我们需要重新定义View,通过重写onDraw方法来使得我们的View显示成圆形。我发现主要有三种方式可...
  • goodlixueyong
  • goodlixueyong
  • 2015年11月03日 12:27
  • 4991

Android中Canvas绘图之MaskFilter图文详解(附源码下载)

如果对Canvas绘图不熟悉,强烈建议您阅读博文《Android中Canvas绘图基础详解(附源码下载)》,该文对Android中的Canvas绘图基础进行了详细的描述。本文着重讲解如何使用MaskF...
  • sunqunsunqun
  • sunqunsunqun
  • 2015年11月17日 01:03
  • 5450

Android画图之Bitmap填满整个屏幕

最近写电子书程序,设计到对图像的处理,主要是对 Bitmap 的处理,所以有一点小小的心得,拿出来跟大家分享一下。 要把一个 Bitmap 画到 View 上,必须用到的类有 android.gra...
  • waysoflife
  • waysoflife
  • 2014年10月27日 15:51
  • 3560
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:android Canvas中的clipRect、drawBitmap
举报原因:
原因补充:

(最多只允许输入30个字)