android Canvas中的clipRect、drawBitmap

哥们以前几乎没有写博客的习惯，不过现在公司上班比较清闲，而且最近又在研究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照片的大小一致):

操作代码:

canvas.save();
mPaint.setColor(Color.BLUE);
canvas.drawRect(0, 0, mBmp.getWidth(), mBmp.getHeight(), mPaint);
canvas.restore();
			
canvas.save();
canvas.drawBitmap(mBmp, mBmp.getWidth(), mBmp.getHeight(), mPaint);
canvas.restore();

效果图如下:

图1

修改部分代码:

canvas.save();
mPaint.setColor(Color.BLUE);
canvas.drawRect(0, 0, mBmp.getWidth(), mBmp.getHeight(), mPaint);
canvas.restore();

canvas.save();
canvas.clipRect(0, 0, getWidth()/2, getHeight()/2);
canvas.drawBitmap(mBmp, mBmp.getWidth(),mBmp.getHeight(), mPaint);
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文档或代码不去动手操作的话有时候很难知道一些方法执行后的真正的效果是怎么样的，还是要多动手。