遮罩 使用 实例

最近在做一个左面launcher，里面获取安装图片，有的大 有的小，这样子就会觉得现实很不好看。所以我决定给他加一个遮罩来实现看起来是一样的大小

效果不是很好看，后期背景换成一个就会好看很多了。

首先我们来说说思路：

1.首先我们要自定义一个类，继承Imageview

2.在ondraw（） 调用canvas-->// 创建一个和原始图片一样大小的矩形

canvas.drawBitmap(cutBm, 0, 0, paint);

3再在中间挖一个空洞，自然是要和我们要放进去的图片一样大的空洞，并放入我们要显示的图片

Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
            if (bitmap == null) {
                bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.computer);
            }
            //控件要显示的图
           // bitmap = BitmapUtil.toSizeBitmap(bitmap, w, h);
            canvas.drawBitmap(cutBm, 0, 0, paint);
            int saveFlags = Canvas.MATRIX_SAVE_FLAG | Canvas.CLIP_SAVE_FLAG
                    | Canvas.HAS_ALPHA_LAYER_SAVE_FLAG | Canvas.FULL_COLOR_LAYER_SAVE_FLAG
                    | Canvas.CLIP_TO_LAYER_SAVE_FLAG;
            canvas.saveLayer(0, 0, w, h, null, saveFlags);

            int left = cutWidth / 2 - bitmap.getWidth() / 2;
            int top = cutHeight / 2 - bitmap.getHeight() / 2;

            // 创建一个和原始图片一样大小的矩形
            canvas.drawBitmap(bitmap,left,top, paint);

            //            取两层绘制交集。显示上层。
            paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

            canvas.drawBitmap(bitmap, left, top, paint);
            paint.setXfermode(null);
            canvas.restore();

这样就是我们要的效果了，其实这个主要的技术还是涉及到了PorterDuffXfermode类的使用方法，

PorterDuffXfermode xfermode = new PorterDuffXfermode(PorterDuff.Mode.SRC_IN);

上面就是PorterDuffXfermode类的创建，那么里面的参数PorterDuff.Mode.SRC_IN其实有很多中情况，好像有达到１６中情况，下面介绍一下常用的：


PorterDuff.Mode.SRC_IN：取两层绘制交集。显示上层。就是如果上面两张图片相叠，那么取这两张图片的交集而且显示的是上层那种图片


PorterDuff.Mode.DST_IN：  取两层绘制交集。显示下层。

通过调用这个PorterDuff.Mode.SRC_IN，来控制空出来的图片正好和我们需要的图片大小一样，达到我们要的遮罩效果

自然我是有写好的demo给大家的。但是在项目中不好拷贝，就直接将我的自定义的view贴出来给大家看，有问题的可以私信我。

/**
 * 图片加遮罩view
 */
public class CanSetImageView extends ImageView {

    private Context context;
    public CanSetImageView(Context context) {
        this(context, null);
    }

    public CanSetImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
    }

    public CanSetImageView(Context context, AttributeSet attrs, int defStyle) {
        this(context, attrs);
    }

    
    private Bitmap decodeBitmap(int resId) {
        return BitmapFactory.decodeResource(context.getResources(), resId);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {

        int w = this.getWidth();
        int h = this.getHeight();

        Paint paint = new Paint();
        //应用资源文件的图片
        Bitmap cutBm = decodeBitmap(R.mipmap.round);
        cutBm = BitmapUtil.toSizeBitmap(cutBm, w, h);
        int cutWidth = cutBm.getWidth();
        int cutHeight = cutBm.getHeight();

        Drawable drawable = getDrawable();
        if (null != drawable) {
            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
            if (bitmap == null) {
                bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.computer);
            }
            //控件要显示的图
           // bitmap = BitmapUtil.toSizeBitmap(bitmap, w, h);
            canvas.drawBitmap(cutBm, 0, 0, paint);
            int saveFlags = Canvas.MATRIX_SAVE_FLAG | Canvas.CLIP_SAVE_FLAG
                    | Canvas.HAS_ALPHA_LAYER_SAVE_FLAG | Canvas.FULL_COLOR_LAYER_SAVE_FLAG
                    | Canvas.CLIP_TO_LAYER_SAVE_FLAG;
            canvas.saveLayer(0, 0, w, h, null, saveFlags);

            int left = cutWidth / 2 - bitmap.getWidth() / 2;
            int top = cutHeight / 2 - bitmap.getHeight() / 2;

            // 创建一个和原始图片一样大小的矩形
            canvas.drawBitmap(bitmap,left,top, paint);

            //            取两层绘制交集。显示上层。
            paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

            canvas.drawBitmap(bitmap, left, top, paint);
            paint.setXfermode(null);
            canvas.restore();
            if(cutBm.isRecycled()){
            	cutBm.recycle();
            }
            if(bitmap.isRecycled()){
            	bitmap.recycle();
            }
        }
    }
}

参考博文：http://jingpin.jikexueyuan.com/article/55827.html