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

最终效果

国际惯例，我们先来看最终实现的效果图

自定义RoundImageView继承自ImageView

public class RoundImageView extends ImageView {

public RoundImageView(Context context) {

super(context);

}

public RoundImageView(Context context, @Nullable AttributeSet attrs) {

super(context, attrs);

}

public RoundImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

}

}

不知你是否注意过每当我们继承自View的时候，系统都会提示我们覆盖重写4个构造方法，这里我们只覆盖了三个，然后就开始在每个构造方法中进行初始化，那么，是不是每次都会调用所有的构造方法呢，如果不是，这三个构造方法又会什么时候调用呢？下面我们来通过例子来验证。

使用自定义View无非就两种情况下，第一种就是直接在xml布局中使用，另一种就是在Activity中new出来，下面我们分别使用上述两种方式，为了便于观察我们在三个构造方法中分别加入一行打印。

首先我们在xml直接使用，运行打印如下:

com.example.roundimageview D/RoundImageView: RoundImageView: 两个参数的构造方法

然后我们在Activity中，new一个RoundImageView

roundImageView = RoundImageView(this@MainActivity)

roundImageView = RoundImageView(this@MainActivity, null)

roundImageView = RoundImageView(this@MainActivity, null,0)

运行打印日志如下：

结论：自定义View当在xml中使用，使用的是第二个构造方法，当在Activity中使用时，实例化时传入几个参数调用的就是含有几个参数的构造方法。

实现圆形头像的思想

我始终认为自定义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);

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

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

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

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

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

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

最后

由于文章篇幅原因，我只把面试题列了出来，详细的答案，我整理成了一份PDF文档，这份文档还包括了还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 ，帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

.jpg" />

最后

由于文章篇幅原因，我只把面试题列了出来，详细的答案，我整理成了一份PDF文档，这份文档还包括了还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 ，帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！