Android仿微信和QQ多图合并框架（类似群头像）的实现方法-创新互联

前言

现在多数app里面加入聊天已经是一个非常普遍的现象了，而微信和qq则是通讯领域的鼻祖了。如果产品经理在考虑做聊天设计的时候，多数会参考。

常常你会听到，你看微信和qq都是这么做的，你就这么来吧，虽然心理有一万个不痛快，但谁叫我们是有一个有追求的程序员呢。

所以产品的要求是实现类似微信的群头像。

类似如下

作为程序员，首先会评估下工作量吧。在产品眼里，就是把图片合成一起嘛，有啥难度吗？所以工作时间决定了你能做成什么样吧

方案分析：

方案1、直接写成布局，然后按照不同的布局加载不同张数的图片。而大家通用的图片加载方案都是异步加载的，这样的话，加载的时候，会一闪一闪的合并成一张图。由于现在的图片框架都有缓存，第二次会好很多。

优点：实现起来快

缺点：很low，不是一个有逼格程序员的做法，而且效果也不好。

方案2、自定义一个控件，还是通过异步的方式下载所有图片。在控件里面加一个计数器，确保所有图片下载完成后，一起同步显示出来。

优点：难度适中

缺点：扩展性差，哪天产品想换一个合成方案呢

方案3、还是使用原生的控件，对群图像进行合并后生成一个新的图像，原后进行缓存。将合并算法抽象成接口。

优点：易扩展，体验更好

缺点：多花一些时间

当然啦，作为一个有梦想有逼格的程序员，我们应该考虑实现方案3，并且造福一些被产品折磨的程序猿同胞。

接下来，我来说一下主要思路和关键性代码吧。

实现思路

其实整体上的思路说起来也比较简单，可以用一幅流程图来概括。

实现方法

首先，我们知道，程序的输入参数应该是一个ImageView控件，一个urls列表。

ImageView图像视图，直接继承自View类，它的主要功能是用于显示图片，实际上它不仅仅可以用来显示图片，任何Drawable对象都可以使用ImageView来显示。ImageView可以适用于任何布局中，并且Android为其提供了缩放和着色的一些操作。

当然还有一个合并回调函数，用于自定义合并方法。

public void displayImages(
 final List urls,
 final ImageView imageView, 
 final MergeCallBack mergeCallBack
)