android自定义圆角圆形ImageView之clipPath裁剪 使用

1.先上效果图：


2.自定义ImageView类：
 

package com.lqq.demo;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PaintFlagsDrawFilter;
import android.graphics.Path;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;

import com.lqq.demo.R;


/**
 *通过clipPath裁剪实现圆角ImageView
 *
 */

public class RoundImageView1 extends ImageView {

    private Path mPath;
    private RectF mRectF;
    /**
     * 利用clip剪切的四个角半径，八个数据分别代表左上角（x轴半径，y轴半径），右上角（**），右下角（**），左下角（**）
     */
    private float[] rids = new float[8];
    private PaintFlagsDrawFilter paintFlagsDrawFilter;
    private float radius_sf = 0.2f;
    private float radius = 40;


    public RoundImageView1(Context context) {
        this(context, null,0);
    }

    public RoundImageView1(Context context, @Nullable AttributeSet attrs) {
        this(context,attrs,0);
    }

    public RoundImageView1(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        TypedArray array= context.obtainStyledAttributes(attrs, R.styleable.RoundImageView);
        float t_radius = array.getDimension(R.styleable.RoundImageView_radius,0);
        float t_radius_sf = array.getFloat(R.styleable.RoundImageView_radius_scale,0);

        if(t_radius_sf > 0){//优先使用比例
            radius_sf = t_radius_sf>0.5? 0.5f : t_radius_sf;
            radius = 0;
        }else if (t_radius > 0){
            radius_sf = 0;
            radius = t_radius;
        } else {
            radius_sf = 0.2f;
            radius = 0;
        }

//        array.recycle();

        mPath = new Path();
        paintFlagsDrawFilter = new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG);
        setLayerType(View.LAYER_TYPE_HARDWARE, null);
    }

    @Override
    protected void onDraw(Canvas canvas) {

        if (radius == 0){
            int r = (int) (Math.min(getWidth(),getHeight()) * radius_sf);
            for (int i=0; i<rids.length;i++){
                rids[i] = r;
            }
        }else if (radius_sf == 0){
            for (int i=0; i<rids.length;i++){
                rids[i] = radius;
            }

        }else {
            for (int i=0; i<rids.length;i++){
                rids[i] = 0;
            }
        }


        mPath.reset();
        mPath.addRoundRect(mRectF, rids, Path.Direction.CW);
        canvas.setDrawFilter(paintFlagsDrawFilter);
        canvas.save();
        canvas.clipPath(mPath);
        super.onDraw(canvas);
        canvas.restore();


    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mRectF = new RectF( getPaddingLeft(), getPaddingTop(), w - getPaddingRight(), h - getPaddingBottom());

    }


    public void setRadius_sf(float radius_sf) {
        this.radius_sf = radius_sf < 0? 0 : radius_sf;
        this.radius = 0;
        invalidate();
    }

    public void setRadius(int radius) {
        this.radius = radius < 0? 0 : radius;
        this.radius_sf = 0;
        invalidate();
    }


}

3.自定义RoundImageView1的属性文件代码：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <attr name="radius" format="dimension"/>
    <attr name="radius_scale" format="float"/>

    <declare-styleable name="RoundImageView" >
        <attr name="radius" />
        <attr name="radius_scale" />
    </declare-styleable>
</resources>

4.activity的布局文件代码：
 

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.lqq.demo.RoundImageView1
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:src="@drawable/cat1"
        android:scaleType="centerCrop"
        app:radius_scale="0.0"  //app:radius_scale  app:radius 属性任选一个,两个同时存在的话，如果radius_scale的值大于0，该属性就生效，否则不生效
        app:radius="50dp"
        android:layout_gravity="center"

        />

</FrameLayout>