当我们在程序里需要做遮罩效果时,可以PorterDuffXfermode类实现。
例如有一副图片,需要使用一个图形(一般是可以使用Canvas画出来的图形),图形覆盖到的地方在图片上才显示出来,可以使用PorterDuff.Mode.SRC_IN属性实现,常见的有圆形头像的实现。
先创建图片Bitmap一样大小的Canvas,再设置将图形画到Canvas里,再画图片bitmap画到Canvas里。
例子:
private Bitmap createDoneImage() {
if (mDoneDegrees < 0 || mDoneBitmap == null) {
return null;
}
int width = mDoneBitmap.getWidth();
int height = mDoneBitmap.getHeight();
Paint paint = new Paint();
paint.setAntiAlias(true);
Bitmap target = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(target);
canvas.drawRect(0, 0, width * mDoneDegrees, height, paint);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
canvas.drawBitmap(mDoneBitmap, 0, 0, paint);
return target;
}
如果想在图片不显示图形所在的地方,可以使用PorterDuff.Mode.SRC_OUT属性实现。
例子:
private Bitmap createUpImage() {
if (mUpBitmap == null || mAnimHeight == -1 || mUpAlpha < 0) {
return null;
}
int width = mUpBitmap.getWidth();
int height = mUpBitmap.getHeight();
Paint paint = new Paint();
paint.setAntiAlias(true);
Bitmap target = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(target);
canvas.drawRect(0, mAnimHeight - mHeight, width, mAnimHeight, paint);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));
canvas.drawBitmap(mUpBitmap, 0, 0, paint);
return target;
}
在Android的PorterDuff.Mode类中列举了他们制定的规则:
PorterDuff.Mode.SRC :只绘制源图像
PorterDuff.Mode.DST :只绘制目标图像
PorterDuff.Mode.DST_OVER :在源图像的顶部绘制目标图像
PorterDuff.Mode.DST_IN :只在源图像和目标图像相交的地方绘制目标图像
PorterDuff.Mode.DST_OUT :只在源图像和目标图像不相交的地方绘制目标图像
PorterDuff.Mode.DST_ATOP :在源图像和目标图像相交的地方绘制目标图像,在不相交的地方绘制源图像
PorterDuff.Mode.SRC_OVER :在目标图像的顶部绘制源图像
PorterDuff.Mode.SRC_IN :只在源图像和目标图像相交的地方绘制源图像
PorterDuff.Mode.SRC_OUT :只在源图像和目标图像不相交的地方绘制源图像
PorterDuff.Mode.SRC_ATOP :在源图像和目标图像相交的地方绘制源图像,在不相交的地方绘制目标图像
PorterDuff.Mode.XOR :在源图像和目标图像重叠之外的任何地方绘制他们,而在不重叠的地方不绘制任何内容
PorterDuff.Mode.LIGHTEN :获得每个位置上两幅图像中最亮的像素并显示
PorterDuff.Mode.DARKEN :获得每个位置上两幅图像中最暗的像素并显示
PorterDuff.Mode.MULTIPLY :将每个位置的两个像素相乘,除以255,然后使用该值创建一个新的像素进行显示。结果颜色=顶部颜色*底部颜色/255
PorterDuff.Mode.SCREEN :反转每个颜色,执行相同的操作(将他们相乘并除以255),然后再次反转。结果颜色=255-(((255-顶部颜色)*(255-底部颜色))/255)