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

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

前言

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

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

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

类似如下

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

方案分析：

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

优点：实现起来快

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

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

优点：难度适中

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

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

优点：易扩展，体验更好

缺点：多花一些时间

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

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

实现思路

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

实现方法

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

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

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

public voID displayImages( final List<String> urls,final ImageVIEw imageVIEw,final MergeCallBack mergeCallBack)

按照思路，我们需要根据urls生成一个新key,用于缓存合并后的图像，下次就可以直接从缓存中加载。毕竟合并头像是耗时 *** 作

 public String getNewUrlByList(List<String> urls,String mark) { StringBuilder sb = new StringBuilder(); for (String url : urls) {  sb.append(url + mark); } return sb.toString(); }

这里只是一个简单对所有的url进行了一个拼接，然后再md5.

缓存处理才是最关键的步骤，这里涉及到单个链接图片的缓存和合并图的缓存。对于缓存系统来说，单张图和多张图是同样对待的，都是一个key对应一个缓存对象。只是key的规则稍有不同。

而缓存方案也是通用的diskLruCache和MemoryLruCache实现的二级缓存，这样可以保持缓存的高效。（关于Lru算法，就是简单的Least Recently Used,即最近使用原则，具体不清楚请百度 ）

我们来看下displayImages的核心代码，就是先找内存缓存，然后再找磁盘缓存，如果都没有，则再同步的找到所有的单张图片

 public voID displayImages(final List<String> urls,final MergeCallBack mergeCallBack,final int dstWIDth,final int dstHeight) { if (urls == null || urls.size() <= 0) {  throw new IllegalArgumentException("url不能为空"); } if (mergeCallBack == null) {  throw new IllegalArgumentException("mergeCallBack 不能为空"); } final String url = getNewUrlByList(urls,mergeCallBack.getMark()); imageVIEw.setTag(img_URL,url); //内存中加载 Bitmap bitmap = loadFromMemory(url); if (bitmap != null) {  LogUtil.e(Tag,"displayImages this is from Memory");  imageVIEw.setimageBitmap(bitmap);  return; } try {  //磁盘中加载  bitmap = loadFromdiskCache(url,dstWIDth,dstHeight);  if (bitmap != null) {  LogUtil.e(Tag,"displayImages this is from disk");  imageVIEw.setimageBitmap(bitmap);  return;  } } catch (Exception e) {  e.printstacktrace(); } //设置一张默认图 bitmap = BitmapFactory.decodeResource(mContext.getResources(),R.drawable.ic_launcher_round); imageVIEw.setimageBitmap(bitmap); LogUtil.e(Tag,"displayImages this is from default"); //开启一个新的线程，同步加载所有的图片。如果加载成功，则返回。 Runnable loadBitmapTask = new Runnable() {  @OverrIDe  public voID run() {  ArrayList<Bitmap> bitmaps = loadBitMaps(urls,dstHeight);  if (bitmaps != null && bitmaps.size() > 0) {   Result result;   if (mergeCallBack != null) {   Bitmap mergeBitmap = mergeCallBack.merge(bitmaps,mContext,imageVIEw);   if (urls.size() == bitmaps.size()) {    //加入缓存    try {    saveDru(url,mergeBitmap);    } catch (IOException e) {    e.printstacktrace();    }   } else {    LogUtil.e(Tag,"size change. so can not save");   }   LogUtil.e(Tag,"displayImages this is from Merge");   result = new Result(mergeBitmap,url,imageVIEw);   } else {   result = new Result(bitmaps.get(0),imageVIEw);   }   Message msg = mMainHandler.obtainMessage(MESSAGE_SEND_RESulT,result);   msg.sendToTarget();  }  } }; threadPoolExecutor.execute(loadBitmapTask); }

如果从缓存中加载失败，我们会开启一个线程，去执行头像合并的 *** 作。那头像合并是同步 *** 作，需要得到需要合并头像的对象，那如何得到呢，我们继续看代码

 private ArrayList<Bitmap> loadBitMaps(List<String> urls,int dstWIDth,int dstHeight) { ArrayList<Bitmap> bitmaps = new ArrayList<>(); for (String url : urls) {  //同步获得所有图像  Bitmap bitmap = loadBitMap(url,dstHeight);  if (bitmap != null) {  bitmaps.add(bitmap);  } } return bitmaps; }

显示，图像是通过loadBitMap()函数返回，而这个函数的核心方法是

 private Bitmap loadBitMap(String url,int dstHeight) { //内存 Bitmap bitmap = loadFromMemory(url); if (bitmap != null) {  LogUtil.e(Tag,"this is from Memory");  return bitmap; } try {  //磁盘  bitmap = loadFromdiskCache(url,"this is from disk");  return bitmap;  }  //网络  bitmap = loadFromNet(url,dstHeight);  LogUtil.e(Tag,"this is from Net");  if (bitmap == null) {  LogUtil.e(Tag,"bitmap null network error");  } } catch (Exception e) {  e.printstacktrace(); } return bitmap; }

可以清楚的看到，又返回了displayImages()方法的逻辑中，套用了同样的缓存思路。我们再回到loadBitmapTask这个线程的执行方法中，其中有一段重要的逻辑是

Bitmap mergeBitmap = mergeCallBack.merge(bitmaps,imageVIEw);if (urls.size() == bitmaps.size()) { //加入缓存 try {  saveDru(url,mergeBitmap); } catch (IOException e) {  e.printstacktrace(); }} 

这个mergeCallBack方法是用户需要自己实现的图像合并方法，传入一个列表的bitmap，然后返回一个合并图对象，最后我们把这个合并再加入缓存。下次就能直接从缓存中找到了。

接下来的重点就是图像合并的技术了。我在代码里面加入实现了微信和qq的群头像，接下来就简单讲下微信合并的方案，QQ的合并方案，大家可以自己去看代码。

首先我们看下MergeCallBack的实现方法

@OverrIDepublic Bitmap merge(List<Bitmap> bitmapArray,Context context,ImageVIEw imageVIEw) { this.context = context; // 画布的宽 VIEwGroup.LayoutParams lp = imageVIEw.getLayoutParams(); int tempWIDth; int tempHeight; if (lp != null) { tempWIDth = dip2px(context,lp.wIDth); tempHeight = dip2px(context,lp.height); } else { //否则给一个默认的高度 tempWIDth = dip2px(context,70); tempHeight = dip2px(context,70); } return CombineBitmapTools.combimeBitmap(context,tempWIDth,tempHeight,bitmapArray);}

再看看combimeBitmap的实现

 public static Bitmap combimeBitmap(Context context,int combineWIDth,int combineHeight,List<Bitmap> bitmaps) { if (bitmaps == null || bitmaps.size() == 0)  return null; if (bitmaps.size() >= 9) {  bitmaps = bitmaps.subList(0,9); } Bitmap resultBitmap = null; int len = bitmaps.size(); // 绘制数据，这里记录所有的绘制坐标。 List<CombineBitmapEntity> combineBitmapEntitIEs = CombineNineRect  .generateCombineBitmapEntity(combineWIDth,combineHeight,len); // 缩略图 List<Bitmap> thumbnailBitmaps = new ArrayList<Bitmap>(); for (int i = 0; i < len; i++) {  thumbnailBitmaps.add(thumbnailUtils.extractthumbnail(bitmaps.get(i),(int) combineBitmapEntitIEs.get(i).wIDth,(int) combineBitmapEntitIEs.get(i).height)); } // 合成 resultBitmap = getCombineBitmaps(combineBitmapEntitIEs,thumbnailBitmaps,combineWIDth,combineHeight); return resultBitmap; } private static Bitmap getCombineBitmaps(  List<CombineBitmapEntity> mEntityList,List<Bitmap> bitmaps,int wIDth,int height) { Bitmap newBitmap = Bitmap.createBitmap(wIDth,height,Bitmap.Config.ARGB_8888); for (int i = 0; i < mEntityList.size(); i++) {  //合并图像  newBitmap = mixtureBitmap(newBitmap,bitmaps.get(i),new PointF(   mEntityList.get(i).x,mEntityList.get(i).y)); } return newBitmap; }

最后调用getCombineBitmaps合成图像，合成图像的关键就是通过Bitmap.createBitmap实现。

 private static Bitmap mixtureBitmap(Bitmap first,Bitmap second,PointF fromPoint) { if (first == null || second == null || fromPoint == null) {  return null; } Bitmap newBitmap = Bitmap.createBitmap(first.getWIDth(),first.getHeight(),Bitmap.Config.ARGB_8888); Canvas cv = new Canvas(newBitmap); cv.drawBitmap(first,null); cv.drawBitmap(second,fromPoint.x,fromPoint.y,null); cv.save(Canvas.ALL_SAVE_FLAG); cv.restore(); if (first != null) {  first.recycle();  first = null; } if (second != null) {  second.recycle();  second = null; } return newBitmap; }

所有关键逻辑已经备注到代码里面了。

如果大家想看完整效果和完整代码，可以点击这里：MutiImgLoader，当然，通过本地下载也可以。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对编程小技巧的支持。

总结

以上是内存溢出为你收集整理的Android仿微信和QQ多图合并框架（类似群头像）的实现方法全部内容，希望文章能够帮你解决Android仿微信和QQ多图合并框架（类似群头像）的实现方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。