Android自定义ImageView实现圆角功能

2023-09-02 16:04:08 61

使用自定义ImageView，实现圆角功能，供大家参考，具体内容如下

1.自定义属性attrs.xml

2.自定义RoundCornerImageView，继承AppCompatImageView

publicclassRoundCornerImageViewextendsAppCompatImageView{
privatefloatwidth,height;
privateintdefaultRadius=0;
privateintradius;
privateintleftTopRadius;
privateintrightTopRadius;
privateintrightBottomRadius;
privateintleftBottomRadius;


publicRoundCornerImageView(Contextcontext){
this(context,null);
init(context,null);
}

publicRoundCornerImageView(Contextcontext,AttributeSetattrs){
this(context,attrs,0);
init(context,attrs);
}

publicRoundCornerImageView(Contextcontext,AttributeSetattrs,intdefStyleAttr){
super(context,attrs,defStyleAttr);
init(context,attrs);
}

privatevoidinit(Contextcontext,AttributeSetattrs){
if(Build.VERSION.SDK_INT<18){
setLayerType(View.LAYER_TYPE_SOFTWARE,null);
}
//读取配置
TypedArrayarray=context.obtainStyledAttributes(attrs,R.styleable.RoundCornerImageView);
radius=array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_radius,defaultRadius);
leftTopRadius=array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_left_top_radius,defaultRadius);
rightTopRadius=array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_right_top_radius,defaultRadius);
rightBottomRadius=array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_right_bottom_radius,defaultRadius);
leftBottomRadius=array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_left_bottom_radius,defaultRadius);


//如果四个角的值没有设置，那么就使用通用的radius的值。
if(defaultRadius==leftTopRadius){
leftTopRadius=radius;
}
if(defaultRadius==rightTopRadius){
rightTopRadius=radius;
}
if(defaultRadius==rightBottomRadius){
rightBottomRadius=radius;
}
if(defaultRadius==leftBottomRadius){
leftBottomRadius=radius;
}
array.recycle();
}


@Override
protectedvoidonLayout(booleanchanged,intleft,inttop,intright,intbottom){
super.onLayout(changed,left,top,right,bottom);
width=getWidth();
height=getHeight();
}

@Override
protectedvoidonDraw(Canvascanvas){
//这里做下判断，只有图片的宽高大于设置的圆角距离的时候才进行裁剪
intmaxLeft=Math.max(leftTopRadius,leftBottomRadius);
intmaxRight=Math.max(rightTopRadius,rightBottomRadius);
intminWidth=maxLeft+maxRight;
intmaxTop=Math.max(leftTopRadius,rightTopRadius);
intmaxBottom=Math.max(leftBottomRadius,rightBottomRadius);
intminHeight=maxTop+maxBottom;
if(width>=minWidth&&height>minHeight){
Pathpath=newPath();
//四个角：右上，右下，左下，左上
path.moveTo(leftTopRadius,0);
path.lineTo(width-rightTopRadius,0);
path.quadTo(width,0,width,rightTopRadius);

path.lineTo(width,height-rightBottomRadius);
path.quadTo(width,height,width-rightBottomRadius,height);

path.lineTo(leftBottomRadius,height);
path.quadTo(0,height,0,height-leftBottomRadius);

path.lineTo(0,leftTopRadius);
path.quadTo(0,0,leftTopRadius,0);

canvas.clipPath(path);
}
super.onDraw(canvas);
}

}

3.布局文件中使用

4.调用

publicclassMainActivityextendsAppCompatActivity{

StringavatarUrl="19e9d4c0a8f1cd033ecac3692_th.jpg";

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

ImageViewivAvatar=findViewById(R.id.iv_avatar);

Glide.with(this).load(avatarUrl).into(ivAvatar);

}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

Android自定义ImageView实现圆角功能

热门推荐

随机推荐