Android自定义圆形和圆角图片

现在Android对于图片的处理要求越来越高，今天主要实现下面截图的圆形图片功能。

圆形圆角图片的主要实现方法有三种：

1. PorterDuffXfermode

2. BitmapShader

3. OutlineProvider

代码如下：

1. 通过PorterDuffXferMode来实现：

package com.jackie.processing.image.view;

import android.content.Context;
import android.graphics.Bitmap;
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.view.View;

import com.jackie.processing.image.R;

/**
 * Created by Jackie on 2016/2/27.
 * 圆角矩形
 */
public class RoundRectXfermodeView extends View {
    private Bitmap mSrcBitmap;
    private Bitmap mDstBitmap;
    private Paint mPaint;

    public RoundRectXfermodeView(Context context) {
        this(context, null);
    }

    public RoundRectXfermodeView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RoundRectXfermodeView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        initView();
    }

    private void initView() {
        //关闭硬件加速
        setLayerType(LAYER_TYPE_SOFTWARE, null);

        mSrcBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.test1);

        mDstBitmap = Bitmap.createBitmap(mSrcBitmap.getWidth(), mSrcBitmap.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(mDstBitmap);
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

        //dst
//        canvas.drawCircle(300, 200, 150, mPaint);
        canvas.drawRoundRect(0, 0, mSrcBitmap.getWidth(), mSrcBitmap.getHeight(), 50, 50, mPaint);
        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

        //src
        canvas.drawBitmap(mSrcBitmap, 0, 0, mPaint);
        mPaint.setXfermode(null);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawBitmap(mDstBitmap, 0, 0, null);
    }
}

2. 通过BitmapShader实现

package com.jackie.processing.image.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.view.View;

import com.jackie.processing.image.R;

/**
 * Created by Jackie on 2016/2/29.
 */
public class BitmapShaderView extends View {
    private Bitmap mBitmap;
    private Paint mPaint;

    public BitmapShaderView(Context context) {
        this(context, null);
    }

    public BitmapShaderView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public BitmapShaderView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.test2);
        BitmapShader shader = new BitmapShader(mBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setShader(shader);
        canvas.drawCircle(300, 200, 200, mPaint);
    }
}

3. 通过OutlineProvider来实现

ViewOutlineProvider mViewOutlineProvider = new ViewOutlineProvider() {  
            @Override  
            public void getOutline(View view, Outline outline) {  
                outline.setRoundRect(0, 0, view.getWidth(), view.getHeight(), view.getHeight() / 2);  
            }  
        };  
mImageView.setOutlineProvider(mViewOutlineProvider);

效果如下：