BitmapShader渲染器:实现圆形图片

1.概述

　　　一般来讲，我们从服务器拿到的图片都是硬生生的方形图片，在界面显示中显得生硬笨拙，因此，我们经常会将图片做一些显示效果的处理，做成圆形或圆角矩形的形式来显示，在界面呈现上显得更美观更优雅。

2.效果图

　　　　

3.原理

　　原理其实很简单，在画布canvas上拿画笔paint画一个实心圆，在画圆的时候给画笔设置一个渲染器bitmapShader，在圆形区域内填充绘制图片即可。
　　
　　ps:玩过ps仿制图章工具的同学应该对这种方式秒懂

　　因此我们只需要一个渲染器、一枝画笔、一张画布，至于自定义view还是在哪里实现，本文用自定义Drawable实现，让View专心做更多的事。
　　 　　
　　1.画一个实心圆：

mPaint.setAntiAlias(true);
mPaint.setDither(true);
mPaint.setStyle(Paint.Style.FILL);
canvas.drawCircle(mWidth / 2, mWidth / 2, mWidth / 2, mPaint);

　　２.构造渲染器对象，设置图片在x轴和y轴方向上的渲染方式，有平铺、重复、镜像三种方式。

BitmapShader bitmapShader = new BitmapShader(mBitmap,
                Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
mPaint.setShader(bitmapShader);

　　3.自定义Drawable，主要有draw()，setAlpha()，setColorFilter()，getOpacity()这些方法是必须覆写的用于控制drawable外观显示特征，还有getIntrinsicHeight()和getIntrinsicWidth()这两个方式是用于设置drawable最终显示的宽高。

package com.mydrawable.musk;

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.Shader;
import android.graphics.drawable.Drawable;

/**
 * Created by musk.
 */

public class CircleDrawable extends Drawable {

    private Paint mPaint;
    private int mWidth;
    private Bitmap mBitmap;

    public CircleDrawable(Bitmap bitmap) {
        mBitmap = bitmap;
        //构造渲染器，设置横向和纵向的着色模式为平铺
        BitmapShader bitmapShader = new BitmapShader(mBitmap,
                Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
        mPaint.setShader(bitmapShader);
        mWidth = Math.min(mBitmap.getWidth(), mBitmap.getHeight());
    }

    //绘制
    @Override
    public void draw(Canvas canvas) {
        canvas.drawCircle(mWidth / 2, mWidth / 2, mWidth / 2, mPaint);
    }

    //设置透明度值
    @Override
    public void setAlpha(int alpha) {
        mPaint.setAlpha(alpha);
    }

    //设置颜色过滤器
    @Override
    public void setColorFilter(ColorFilter colorFilter) {
        mPaint.setColorFilter(colorFilter);
    }

    //返回不透明度
    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }

    //返回图片实际的宽高
    @Override
    public int getIntrinsicWidth() {
        return mWidth;
    }

    @Override
    public int getIntrinsicHeight() {
        return mWidth;
    }
}

　　4.圆形效果的应用

CircleDrawable mCd=new CircleDrawable(bitmap)；
view.setBackgroundDrawable(mCd);
或 ImageView.setImageDrawable(mCd);

---

4.点击下载源码