Android 圆形头像 自己动手

圆形头像DIY

现在大部分app使用的都是圆形头像,网上开源的也很多,但是有没有考虑过DIY圆形头像呢?下面就自己实现一个,先看下demo展示

  

第一步:原理解释(图片很丑,原理很真)

   1、画外框圆形,需要使用自定义的颜色画一个圆形,比图片的半径长5dp


 2、自定义圆形画好了后,将我们需要转换成圆形头像的图片画到上面,从中间开始覆盖,得到如下图片

 

 3、中间截取图片,半径设置为:r=min(width,height),圆心设为:cx=width/2,cy=height/2,这样可以从中间开始截取圆形图片

第二步、代码实现

 1、首先继承ImageView

 2、重写onDraw(Canvas canvas)方法

 3、设置图片缩放类型setScaleType(ScaleType.CENTER_CROP); 中间截取

具体代码如下:

@Override
	protected void onDraw(Canvas canvas) {
		// super.onDraw(canvas);
		setScaleType(ScaleType.CENTER_CROP);
		Drawable drawable = getDrawable();

		if (null == drawable) {
			return;
		}

		// 将drawable转换成bitmap==>网上找的
		Bitmap bitmap = Bitmap
				.createBitmap(
						drawable.getIntrinsicWidth(),
						drawable.getIntrinsicHeight(),
						drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
								: Bitmap.Config.RGB_565);

		Canvas srcCanvas = new Canvas(bitmap);

		drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
				drawable.getIntrinsicHeight());

		drawable.draw(srcCanvas);

		float cx = getWidth() / 2;
		float cy = getHeight() / 2;

		float radius = Math.min(getWidth(), getHeight()) / 2;

		Paint borderPaint = new Paint();
		borderPaint.setAntiAlias(true);
		borderPaint.setColor(Color.GREEN);

		canvas.drawCircle(cx, cy, radius, borderPaint);

		// 画图
		BitmapShader shader = new BitmapShader(bitmap, TileMode.CLAMP,
				TileMode.CLAMP);
		Paint paint = new Paint();
		paint.setShader(shader);
		paint.setAntiAlias(true);
		canvas.drawCircle(cx, cy, radius - 5, paint);

	}

代码只是简单的demo,当然可以定制成通用的CircleImageView,需要根据自己的需求DIY!!





转载于:https://www.cnblogs.com/cmlblog/p/7663134.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值