Android 圆形头像 自己动手

圆形头像DIY

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

Android 圆形头像 自己动手

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

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

Android 圆形头像 自己动手

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

Android 圆形头像 自己动手

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

第二步、代码实现

1、首先继承ImageView

2、重写onDraw(Canvas canvas)方法

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

具体代码如下:

  1. @Override
  2. protected void onDraw(Canvas canvas) {
  3. // super.onDraw(canvas);
  4. setScaleType(ScaleType.CENTER_CROP);
  5. Drawable drawable = getDrawable();
  6. if (null == drawable) {
  7. return;
  8. }
  9. // 将drawable转换成bitmap==>网上找的
  10. Bitmap bitmap = Bitmap
  11. .createBitmap(
  12. drawable.getIntrinsicWidth(),
  13. drawable.getIntrinsicHeight(),
  14. drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
  15. : Bitmap.Config.RGB_565);
  16. Canvas srcCanvas = new Canvas(bitmap);
  17. drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
  18. drawable.getIntrinsicHeight());
  19. drawable.draw(srcCanvas);
  20. float cx = getWidth() / 2;
  21. float cy = getHeight() / 2;
  22. float radius = Math.min(getWidth(), getHeight()) / 2;
  23. Paint borderPaint = new Paint();
  24. borderPaint.setAntiAlias(true);
  25. borderPaint.setColor(Color.GREEN);
  26. canvas.drawCircle(cx, cy, radius, borderPaint);
  27. // 画图
  28. BitmapShader shader = new BitmapShader(bitmap, TileMode.CLAMP,
  29. TileMode.CLAMP);
  30. Paint paint = new Paint();
  31. paint.setShader(shader);
  32. paint.setAntiAlias(true);
  33. canvas.drawCircle(cx, cy, radius - 5, paint);
  34. }

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

其他精彩文章文章

Android KSOAP2调用.net webservice

jQuery教程(8)-DOM树操作之使用反向插入方法

android学习笔记(34)使用AlertDialog创建简单对话框

android学习笔记(33)画廊视图(Gallery)的功能和用法

android navidgation drawer 在导航抽屉中如何改变List选中项的...

更多关于android开发文章

上一篇:spring hibernate实现动态替换表名(分表)


下一篇:Android ImageView圆形头像