BitmapShader绘制圆形图片

今天我们使用BitmapShader
自定义View，继承ImageView

/**
 * Created by softpo on 2016/10/29.
 */

public class CircleImageView extends ImageView {

    private Bitmap mBitmap;
    private int mWidth,mHeight;
    private BitmapShader mBitmapShader;
    private ShapeDrawable mShapeDrawable;
    public CircleImageView(Context context) {
        this(context,null);
    }

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

    public CircleImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        //得到图像
        mBitmap = ((BitmapDrawable) getDrawable()).getBitmap();
        mWidth = mBitmap.getWidth();
        mHeight = mBitmap.getHeight();
        //构造渲染器BitmapShader
        /*
         CLAMP  ：如果渲染器超出原始边界范围，会复制范围内边缘染色。
         REPEAT ：横向和纵向的重复渲染器图片，平铺。
         MIRROR ：横向和纵向的重复渲染器图片，这个和REPEAT 重复方式不一样，它是以镜像方式平铺。
         */
        mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.MIRROR,Shader.TileMode.REPEAT);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int modeWidth = MeasureSpec.getMode(widthMeasureSpec);
        int modeHeight = MeasureSpec.getMode(heightMeasureSpec);
        //精确赋值
        /**
         * EXACTLY：当我们设置width或height为match_parent或者固定值时，容器在布局时调用子 view的measure方法传入的模式是EXACTLY，
         * 因为子view会占据剩余容器的空间，所以它大小是确定的；
         *
         * AT_MOST:而当设置为 wrap_content时，容器传进去的是AT_MOST,
         * 表示子view的大小最多是多少，这样子view会根据这个上限来设置自己的尺寸；
         * 
         * UNSPECIFIED：是未指定尺寸，这种情况不多，一般都是父控件是AdapterView，通过measure方法传入的模式
         */
        if(modeWidth==MeasureSpec.EXACTLY&&modeHeight==MeasureSpec.EXACTLY){
            mWidth = MeasureSpec.getSize(widthMeasureSpec);
            mHeight = MeasureSpec.getSize(heightMeasureSpec);
        }

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
//        super.onDraw(canvas);
        //将图片裁剪为椭圆形
        //构建ShapeDrawable对象并定义形状为椭圆
        mShapeDrawable = new ShapeDrawable(new OvalShape());
        //得到画笔并设置渲染器
        mShapeDrawable.getPaint().setShader(mBitmapShader);
        //设置显示区域
        mShapeDrawable.setBounds(20, 20,mWidth,mHeight);
        //绘制shapeDrawable
        mShapeDrawable.draw(canvas);
    }
}

布局中使用：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.softpo.customviewdemo.MainActivity">

    <com.softpo.customviewdemo.widget.CircleImageView
        android:src="@mipmap/p7"
        android:layout_width="300dp"
        android:layout_height="300dp"/>

</RelativeLayout>

效果图：
一：MIRROR ：横向和纵向的重复渲染器图片，这个和REPEAT 重复方式不一样，它是以镜像方式平铺

二：REPEAT ：横向和纵向的重复渲染器图片，平铺

三：CLAMP ：如果渲染器超出原始边界范围，会复制范围内边缘染色。