189 8069 5689

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

前言

创新互联建站IDC提供业务:大邑服务器托管,成都服务器租用,大邑服务器托管,重庆服务器租用等四川省内主机托管与主机租用业务;数据中心含:双线机房,BGP机房,电信机房,移动机房,联通机房。

现在多数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
)

文章标题:Android仿微信和QQ多图合并框架(类似群头像)的实现方法-创新互联
地址分享:http://cdxtjz.cn/article/gidse.html

其他资讯