android中圆角图片（ImageView）

圆角ImageView自定义实现

最新推荐文章于 2021-05-27 08:57:31 发布

原创最新推荐文章于 2021-05-27 08:57:31 发布 · 5.1k 阅读

1 ·

CC 4.0 BY-SA版权

和你一起终身学习，这里是程序员Android

android 专栏收录该内容

164 篇文章

订阅专栏

本文介绍了一种自定义实现圆角图片显示的方法，通过继承ImageView并重写onDraw方法来绘制圆角矩形，从而达到平滑过渡的效果。适用于Android应用开发中需要圆角图片展示的场景。

圆角图片没有生硬的感觉，带来很好的交互感觉，其为自定义代码实现方法，继承ImageView，实现过程如下：

public class RoundImageView extends ImageView {

	public RoundImageView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}

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

	public RoundImageView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		Path clipPath = new Path();
		int w = this.getWidth();
		int h = this.getHeight();
		/**
		 * RectF  圆角矩形
		 * **/
		clipPath.addRoundRect(new RectF(0, 0, w, h), 4.0f, 4.0f,
				Path.Direction.CW);
		canvas.clipPath(clipPath);
		super.onDraw(canvas);
	}
}

引用实现代码的布局如下：

     <com.test.RoundImageView
        
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:scaleType="centerCrop"
        android:src="@drawable/liushishi" />

实现的效果如下：