Android自定义View之绘制圆形头像

2401_84132357

于 2024-04-16 22:20:32 发布

阅读量775

点赞数 8

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_84132357/article/details/137842962

版权

程序员专栏收录该内容

168 篇文章 0 订阅

订阅专栏

实现圆形头像的思想

我始终认为自定义View的难度只在于它的实现思想，通常我们遇到问题的时候，并不是Google不到，而是压根就不知道这个问题该去如何Google，如果知道了问题所产生的原因，其实问题已经迎刃而解了，最怕的是不知道问题为什么会产生。

实现圆形头像的思想一个简单的图就可以表示了。

矩形区域是完整的图片，圆形区域就是我们最终显示的头像区域，那么就很简单了，圆形区域与矩形区域相交，取并集区域？在矩形中画一个与矩形长或宽相切的圆，而圆的直径是长或宽较短的一边。

编码实现

获取原有头像的bitmap

首先我们需要获取设置头像的bitmap，我们可以直接通过API来获取设置的图片资源，

drawable = this.getDrawable();

再将图片资源转化为bitmap

首先我们判断drawable是否为空，如果为空说明用户没有设置，抛出资源未找到的异常。

if (drawable == null) {

throw new Resources.NotFoundException(“Image resource not set”);

}

如果不为空，我们创建一个与图片资源大小相等的bitmap，并将bitmap绘制出来，代码如下所示：

bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(),

Bitmap.Config.ARGB_8888);

Canvas canvas = new Canvas(bitmap);

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

drawable.getIntrinsicHeight());

drawable.draw(canvas);

绘制圆形bitmap

通过上面的代码，我们得到了原有的bitmap图像，紧接着我们需要绘制圆形的bitmap，与上面类似，首先创建一个和bitmap大小一致的位图

circleBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);

我们画一个与bitmap等大的矩形

Paint paint = new Paint();

Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());

canvas.drawRect(rect,paint);

RectF rectF = new RectF(rect);

将较短的一边设置圆的半径

float roundRa = 0.0f;

if (bitmap.getWidth() > bitmap.getHeight()) {

roundRa = bitmap.getHeight() / 2.0f;

} else {

roundRa = bitmap.getWidth() / 2.0f;

}

设置paint和canvas属性

paint.setAntiAlias(true);

canvas.drawARGB(0, 0, 0, 0);

paint.setColor(Color.WHITE);

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

canvas.drawARGB将绘制裁剪设为透明，paint.setXfermode中的PorterDuffXfermode类很强大，后面我们会单独一篇文章讲解。

最终我们重新将bitmap绘制出来即可

canvas.drawBitmap(bitmap, rect, rect, paint);

绘制部分完整代码如下所示：

获取圆形裁剪的bitmap
@param bitmap 原bitmap

private Bitmap getCircleBitmap(Bitmap bitmap) {

circleBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);

Canvas canvas = new Canvas(circleBitmap);

Paint paint = new Paint();

Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());

RectF rectF = new RectF(rect);

float roundRa = 0.0f;

if (bitmap.getWidth() > bitmap.getHeight()) {

roundRa = bitmap.getHeight() / 2.0f;

} else {

roundRa = bitmap.getWidth() / 2.0f;

}

paint.setAntiAlias(true);

canvas.drawARGB(0, 0, 0, 0);

paint.setColor(Color.GRAY);

canvas.drawRoundRect(rectF, roundRa, roundRa, paint);

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

canvas.drawBitmap(bitmap, rect, rect, paint);

return circleBitmap;

}

设置最终的bitmap
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后说一下我的学习路线

其实很简单就下面这张图，含概了Android所有需要学的知识点，一共8大板块：

架构师筑基必备技能
Android框架体系架构（高级UI+FrameWork源码）
360°Androidapp全方位性能调优
设计思想解读开源框架
NDK模块开发
移动架构师专题项目实战环节
移动架构师不可不学习微信小程序
混合开发的flutter

Android学习的资料

我呢，把上面八大板块的分支都系统的做了一份学习系统的资料和视频，大概就下面这些，我就不全部写出来了，不然太长了影响大家的阅读。

330页PDF Android学习核心笔记（内含上面8大板块）

Android学习的系统对应视频

总结

我希望通过我自己的学习方法来帮助大家去提升技术：

1、多看书、看源码和做项目，平时多种总结
2、不能停留在一些基本api的使用上，应该往更深层次的方向去研究，比如activity、view的内部运行机制，比如Android内存优化，比如aidl，比如JNI等，并不仅仅停留在会用，而要通过阅读源码，理解其实现原理
3、同时对架构是有一定要求的，架构是抽象的，但是设计模式是具体的，所以一定要加强下设计模式的学习
4、android的方向也很多，高级UI，移动架构师，数据结构与算法和音视频FFMpeg解码，如果你对其中一项比较感兴趣，就大胆的进阶吧！