Android 绘制圆角图片的几种方式

Android 绘制圆角图片的几种方式：

一.使用PorterDuffXfermode 

PorterDuffXfermode : 是设置两个图层交集区域的显示方式，所以我们可以这样想：一个圆与一个图片的共同

区域，我们让它显示出来，OK ！ 使用如下代码：

public static Bitmap CirCreateBitmap(Context context,int test) {
        Bitmap mBitmap = BitmapFactory.decodeResource(context.getResources(), test);
        Bitmap mOut = Bitmap.createBitmap(mBitmap.getWidth(), mBitmap.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(mOut);
        Paint mPaint = new Paint();
        mPaint.setAntiAlias(true);
        float realX = Math.min(mBitmap.getWidth() / 2, mBitmap.getHeight() / 2); // 比较宽和高  谁小用谁
        canvas.drawCircle(mBitmap.getWidth() / 2, mBitmap.getHeight() / 2, realX, mPaint);
        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));       // 核心方法
        canvas.drawBitmap(mBitmap, 0, 0, mPaint);

        return mOut;
    }

传入 图片的ID 返回一个圆形Bitmap ，这里只给出这一种方法，其他重载可自行尝试。

二.使用Shader

shader 又被称为着色器, 渲染器，它用来实现一系列渐变，渲染效果。

package wang.li.com.drawcirclebitmap.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.util.AttributeSet;
import android.widget.ImageView;

/**
 * 作者 ： Long  Create： 2016/9/28   14：28
 * <p/>
 * 其实渲染的是画笔， 先要什么图形，画出来就好了
 */
public class CircleBitmapShader extends ImageView {
    public CircleBitmapShader(Context context) {
        this(context, null);
    }

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

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

    private void initView() {

    }


    @Override
    protected void onDraw(Canvas canvas) {
//        super.onDraw(canvas);  // 要注释掉，不然会覆盖圆行图片
        BitmapDrawable bdb = (BitmapDrawable) getDrawable();
        if (bdb == null) {
            return;
        }
        Bitmap bitmap = bdb.getBitmap();

//       Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.test);  // 这种方式是直接写死
        BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
        Paint paint = new Paint();
        paint.setShader(bitmapShader);
        float realX = Math.min(bitmap.getWidth() / 2, bitmap.getHeight() / 2); // 比较宽和高  谁小用谁
        canvas.drawCircle(bitmap.getWidth() / 2, bitmap.getHeight() / 2, realX, paint);
    }
}

这里提供了 一个圆形的ImagerView ，可以在布局中直接使用。 当然Shader 还有其他功能，这里直接少绘制

圆形图片。有兴趣可以查阅相关资料 。

三. 通过Drawable来实现，其实也是渲染：

package wang.li.com.drawcirclebitmap.view;

import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.drawable.Drawable;

/**
 * 作者 ： Long  Create： 2016/9/28   14：56
 * 
 * 
 *  有两个构造方法 分别是 1. 画圆角矩形图片   
 *                        2. 是否绘制圆形图片
 *                        
 *     当然和在一起也行  不过看着不爽！
 */
public class CirDrawable extends Drawable {
    private Paint mPaint;
    private Bitmap mBitmap;

    private RectF rectF;
    private int  mRadiusX ;
    private int  mRadiusY ;
    private boolean isCircle = false ;

    /**
     *  构造方法  绘制带圆周角的方形图片 
     * @param bitmap
     * @param radiusX  x轴方向的半径
     * @param radiusY  y轴方向的半径
     */
    public CirDrawable(Bitmap bitmap,int radiusX ,int radiusY) {
        this.mBitmap = bitmap;
        this.mRadiusX = radiusX ;
        this.mRadiusY = radiusY ;
        this.isCircle = false ;
        BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP,
                Shader.TileMode.CLAMP);
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setShader(bitmapShader);
    }

    /**
     *   构造方法 
     * @param bitmap
     * @param isCircle   true 是圆形图片  false 不是圆形图片
     */
    public CirDrawable(Bitmap bitmap,boolean isCircle) {
        this.mBitmap = bitmap;
        this.mRadiusX = 0 ;
        this.mRadiusY = 0 ;
        this.isCircle = isCircle ;
        BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP,
                Shader.TileMode.CLAMP);
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setShader(bitmapShader);
    }

    @Override
    public void setBounds(int left, int top, int right, int bottom) {
        super.setBounds(left, top, right, bottom);
        rectF = new RectF(left, top, right, bottom);
    }

    @Override
    public void draw(Canvas canvas) {
        if (isCircle){
            float realX= Math.min(mBitmap.getWidth() / 2 , mBitmap.getHeight() / 2 ) ; // 比较宽和高  谁小用谁
            canvas.drawCircle(mBitmap.getWidth() / 2, mBitmap.getHeight() / 2, realX, mPaint);
        }else{
            canvas.drawRoundRect(rectF, mRadiusX, mRadiusY, mPaint);
        }

    }

    @Override
    public int getIntrinsicWidth() {
        return mBitmap.getWidth();
    }

    @Override
    public int getIntrinsicHeight() {
        return mBitmap.getHeight();
    }

    @Override
    public void setAlpha(int alpha) {
        mPaint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(ColorFilter cf) {
        mPaint.setColorFilter(cf);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }
}

 好了 ， 暂时就介绍到这。

在具体使用中，要根据具体情况，看看选择哪一个，最好自己在优化一下，根据具体情况具体对待！