Android 模仿微信发送图片 钟罩效果

参考资料http://trylovecatch.iteye.com/blog/1189452
http://bbs.51cto.com/thread-1031415-1.html###

1、添加资源文件：attrs.xml
复制内容到剪贴板
代码:

2、创建自定义组件MaskImage.java
复制内容到剪贴板
代码:
package com.xzw.mask.widget;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.util.AttributeSet;
import android.widget.ImageView;

import com.xzw.mask.R;

public class MaskImage extends ImageView{
int mImageSource=0;
int mMaskSource=0;
RuntimeException mException;

public MaskImage(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.MaskImage, 0, 0);
mImageSource = typedArray.getResourceId(R.styleable.MaskImage_image, 0);
mMaskSource = typedArray.getResourceId(R.styleable.MaskImage_mask, 0);

if (mImageSource == 0 || mMaskSource == 0) {
mException = new IllegalArgumentException(typedArray.getPositionDescription() +
": The content attribute is required and must refer to a valid image.");
}

if (mException != null)
throw mException;
/**
* 主要代码实现
*/
//获取图片的资源文件
Bitmap original = BitmapFactory.decodeResource(getResources(), mImageSource);
//获取遮罩层图片
Bitmap mask = BitmapFactory.decodeResource(getResources(), mMaskSource);
Bitmap result = Bitmap.createBitmap(mask.getWidth(), mask.getHeight(), Config.ARGB_8888);
//将遮罩层的图片放到画布中
Canvas mCanvas = new Canvas(result);
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
//设置两张图片相交时的模式
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
mCanvas.drawBitmap(original, 0, 0, null);
mCanvas.drawBitmap(mask, 0, 0, paint);
paint.setXfermode(null);
setImageBitmap(result);
setScaleType(ScaleType.CENTER);

typedArray.recycle();
}
}
3、在布局文件中添加
复制内容到剪贴板
代码:

这里要记得添加namespace也就是xml的命名空间
复制内容到剪贴板
代码:
xmlns:maskimage="http://schemas.android.com/apk/res/com.xzw.mask"
xmlns:maskimage的自我们自定义的命名空间方式。
命名规则是：
http://schemas.android.com/apk/res/包名

这样代码就实现了遮罩效果了。说了这么多什么是遮罩还没说呢？就是有两张图片，一张图片放在另外一张图片的上面，放在上面的图片叫做遮罩层，下面的叫做被遮罩层，两张图片重叠的部分会显示出来，就形成了遮罩的效果。遮罩用在哪里了，就比如说头像，头像原来是正方形，突然想变成圆形的，这样搞就很简单的实现了。

嘿嘿希望这个功能对大家有帮助哈。
源码： mask.zip (1.06 MB)

参考：
http://stackoverflow.com/questions/12614542/maskingcrop-image-in-frame

http://lipeng88213.iteye.com/blog/1189452