- 知识点:
裁剪是作用于画布的,而不是图像
- 简介及个人理解:
在画图像时,我们常常需要对图像进行裁剪,那么这个在Android中是怎么实现的呢。在Android中,一个Canvas对象表示画布,我们可以在画布上画东西,对图像的裁剪其实是对画布的裁剪,在现实世界中也类似,在一张白纸上画东西然后用剪刀裁剪与先对白纸裁剪后再画上东西的结果是一样的。对Canvas对象的裁剪方式有6种:
- Region.Op.DIFFERENCE 表示“挖去”画布中的一块区域
- Region.Op.REPLACE 表示“替换”画布区域
- Region.Op.UNION 表示“合并”画布区域
- Region.Op.XOR 表示“合并”后“挖去”重叠的画布区域
- Region.Op.REVERSE_DIFFERENCE 表示“反向挖去”画布区域,即在新的画布区域中“挖去”当前画布区域
- Region.Op.INTERSECT 表示“交集”,即在新的画布和当前画布的共同区域
- 效果图:
![](http://hi.csdn.net/attachment/201203/22/0_1332384340Id7e.gif)
- 精华代码:
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
// 画灰色背景
canvas.drawColor(Color.GRAY);
// 将画布的左上角定位在点(10, 10),画出原始图像
canvas.save();
canvas.translate(10, 10);
drawScene(canvas);
canvas.restore();
// Region.Op.DIFFERENCE 表示“挖去”画布中的一块区域
canvas.save();
canvas.translate(160, 10);
canvas.clipRect(10, 10, 90, 90);
canvas.clipRect(30, 30, 70, 70, Region.Op.DIFFERENCE);
drawScene(canvas);
canvas.restore();
// Region.Op.REPLACE 表示“替换”画布区域
canvas.save();
canvas.translate(10, 160);
mPath.reset();
canvas.clipPath(mPath);
mPath.addCircle(50, 50, 50, Path.Direction.CCW);
canvas.clipPath(mPath, Region.Op.REPLACE);
drawScene(canvas);
canvas.restore();
// Region.Op.UNION 表示“合并”画布区域
canvas.save();
canvas.translate(160, 160);
canvas.clipRect(0, 0, 60, 60);
canvas.clipRect(40, 40, 100, 100, Region.Op.UNION);
drawScene(canvas);
canvas.restore();
// Region.Op.XOR 表示“合并”后“挖去”重叠的画布区域
canvas.save();
canvas.translate(10, 310);
canvas.clipRect(0, 0, 60, 60);
canvas.clipRect(40, 40, 100, 100, Region.Op.XOR);
drawScene(canvas);
canvas.restore();
// Region.Op.REVERSE_DIFFERENCE 表示“反向挖去”画布区域
// 即在新的画布区域中“挖去”当前画布区域
canvas.save();
canvas.translate(160, 310);
canvas.clipRect(0, 0, 60, 60);
canvas.clipRect(40, 40, 100, 100, Region.Op.REVERSE_DIFFERENCE);
drawScene(canvas);
canvas.restore();
// Region.Op.INTERSECT 表示“交集”
// 即在新的画布和当前画布的共同区域
canvas.save();
canvas.translate(10, 460);
canvas.clipRect(0, 0, 60, 60);
canvas.clipRect(40, 40, 100, 100, Region.Op.INTERSECT);
drawScene(canvas);
canvas.restore();
}
- 代码分享: