android自定义一圆角imageview,Android自定义ImageView实现圆角功能

这篇文章主要为大家详细介绍了Android自定义ImageView实现圆角功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

1.自定义属性attrs.xml

2.自定义RoundCornerImageView,继承AppCompatImageView

public class RoundCornerImageView extends AppCompatImageView {

private float width, height;

private int defaultRadius = 0;

private int radius;

private int leftTopRadius;

private int rightTopRadius;

private int rightBottomRadius;

private int leftBottomRadius;

public RoundCornerImageView(Context context) {

this(context, null);

init(context, null);

}

public RoundCornerImageView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

init(context, attrs);

}

public RoundCornerImageView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

init(context, attrs);

}

private void init(Context context, AttributeSet attrs) {

if (Build.VERSION.SDK_INT < 18) {

setLayerType(View.LAYER_TYPE_SOFTWARE, null);

}

// 读取配置

TypedArray array = 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

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

super.onLayout(changed, left, top, right, bottom);

width = getWidth();

height = getHeight();

}

@Override

protected void onDraw(Canvas canvas) {

//这里做下判断,只有图片的宽高大于设置的圆角距离的时候才进行裁剪

int maxLeft = Math.max(leftTopRadius, leftBottomRadius);

int maxRight = Math.max(rightTopRadius, rightBottomRadius);

int minWidth = maxLeft + maxRight;

int maxTop = Math.max(leftTopRadius, rightTopRadius);

int maxBottom = Math.max(leftBottomRadius, rightBottomRadius);

int minHeight = maxTop + maxBottom;

if (width >= minWidth && height > minHeight) {

Path path = new Path();

//四个角:右上,右下,左下,左上

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.布局文件中使用

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

tools:context="voicedemo.iflytek.com.roundimage.MainActivity">

android:id="@+id/iv_avatar"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_marginBottom="10dp"

android:layout_marginTop="50dp"

android:scaleType="centerCrop"

app:left_top_radius="20dp"

app:right_top_radius="20dp"

/>

4.调用

public class MainActivity extends AppCompatActivity {

String avatarUrl = "19e9d4c0a8f1cd033ecac3692_th.jpg";

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ImageView ivAvatar = findViewById(R.id.iv_avatar);

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

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值