首页 > 代码库 > Android 圆形头像 自己动手
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!!
Android 圆形头像 自己动手
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。