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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ml_android/article/details/83065042

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

展开阅读全文

没有更多推荐了,返回首页