android中圆角图片（ImageView）

程序员Android

于 2013-11-08 21:17:51 发布

阅读量5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： android

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

本文链接：https://blog.youkuaiyun.com/wjky2014/article/details/9369925

android 专栏收录该内容

164 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

圆角图片没有生硬的感觉，带来很好的交互感觉，其为自定义代码实现方法，继承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" />

实现的效果如下：