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.点击下载源码