android Imageview 随心所欲定制四个圆角

android Imageview 随心所欲定制四个圆角

实现效果图如下

一个四个圆角的view 包含一个上面两个圆角的Imageview ，这样的设计比较美观，但是这样在安卓端实现让我思考了一段时间，期间想到了两种实现方案去做，但是效果都不理想。
而后在同事想提醒之下，想到了一个完美的实现方案，

代码实现

需要重写Imageview 就可以实现 ， 图片使用Glide 加载

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Path;
import android.graphics.RectF;
import android.util.AttributeSet;

import com.blankj.utilcode.util.SizeUtils;


/*
 *用来显示不规则图片，
 * 上面两个是圆角，下面两个是直角
 * */
public class OvalImageView extends android.support.v7.widget.AppCompatImageView {
    /*圆角的半径，依次为左上角xy半径，右上角，右下角，左下角*/  
    //此处可根据自己需要修改大小
    private float[] rids = {SizeUtils.dp2px(5), SizeUtils.dp2px(5), SizeUtils.dp2px(5), SizeUtils.dp2px(5), 0.0f, 0.0f, 0.0f, 0.0f,};


    public OvalImageView(Context context) {
        super(context);
    }


    public OvalImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }


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


    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int width = MeasureSpec.getSize(widthMeasureSpec);
        setMeasuredDimension(width, width);
    }

    /**
     * 画图
     *
     * @param canvas
     */
    protected void onDraw(Canvas canvas) {
        Path path = new Path();
        int w = this.getWidth();
        int h = this.getHeight();
        /*向路径中添加圆角矩形。radii数组定义圆角矩形的四个圆角的x,y半径。radii长度必须为8*/
        path.addRoundRect(new RectF(0, 0, w, h), rids, Path.Direction.CW);
        canvas.clipPath(path);
        super.onDraw(canvas);
    }
}  

下面是工具类的实现，将dp 转换成px 适配手机

  /**
     * dp转px
     *
     * @param dpValue dp值
     * @return px值
     */
    public static int dp2px(final float dpValue) {
        final float scale = Utils.getApp().getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }

此处就可以完美收工，下班回家2018/10/15/21:19