Android自定义组件之圆形图片

最新推荐文章于 2022-05-11 19:09:09 发布

etonZh

最新推荐文章于 2022-05-11 19:09:09 发布

阅读量577

点赞数 1

分类专栏： Android Android自定义组件文章标签：新浪微博 Android 自定义ImageView

本文链接：https://blog.youkuaiyun.com/taoshengyijiuzt/article/details/50179663

版权

Android 同时被 2 个专栏收录

39 篇文章

订阅专栏

Android自定义组件

9 篇文章

订阅专栏

本文介绍了一种在Android应用中实现圆形图片的方法，并提供了一个自定义的RoundImageView类的代码示例。该方法利用了Android的Canvas API来裁剪图片为圆形。

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

最近在写一个仿新浪微博的app，发现有部分图片是圆的，就想知道怎么做。

就找了个自定义的，下面给大家看下demo

package com.erma.myapp_weibo.UI.tool;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;

public class RoundImageView extends ImageView {
	
	private Paint paint ;

	public RoundImageView(Context context) {
		this(context,null);
		
	}

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

	public RoundImageView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle); 
        paint = new Paint();
	}
	
	/*
	 * 绘制圆形图片(non-Javadoc)
	 * @see android.widget.ImageView#onDraw(android.graphics.Canvas)
	 */
	@SuppressLint("DrawAllocation")
	@Override
	protected void onDraw(Canvas canvas) {
		Drawable drawable = getDrawable();
		if (null != drawable) {  
            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();  
            Bitmap b = getCircleBitmap(bitmap, 14); 
            final Rect rectSrc = new Rect(0, 0, b.getWidth(), b.getHeight()); 
            final Rect rectDest = new Rect(0,0,getWidth(),getHeight());
            paint.reset();  
            canvas.drawBitmap(b, rectSrc, rectDest, paint);  
  
        }else { 
        	super.onDraw(canvas);  
        }
	}

	/*
	 * 获取圆形图片方法
	 */
	private Bitmap getCircleBitmap(Bitmap bitmap, int pixels) {
		Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),  
                bitmap.getHeight(), Config.ARGB_8888);
		Canvas canvas = new Canvas(output); 
		final int color = 0xff424242; 
		final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
		paint.setAntiAlias(true);  
		canvas.drawARGB(0, 0, 0, 0);  
        paint.setColor(color); 
        int x = bitmap.getWidth(); 
        
        canvas.drawCircle(x / 2, x / 2, x / 2, paint);  
        paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));  
        canvas.drawBitmap(bitmap, rect, rect, paint); 
        return output;
	}

}

这里面主要是用到了一点几何方面的知识，自己脑补吧:)

需要注意的是，在布局文件中，一点要让图片的宽高一致