现在多数应用里面加入聊天已经是一个非常普遍的现象了,而微信和qq则是通讯领域的鼻祖了。如果产品经理在考虑做聊天设计的时候,多数会参考。
常常你会听的到,你看微信和qq都是这么做的,你就这么来吧,虽然心理有一万个不痛快,但谁叫我们是有一个有追求的程序员呢。
所以产品的要求是实现类似微信的群头像。
作为程序员,首先会评估下工作量吧。在产品眼里,就是把图片合成一起嘛,有啥难度吗?所以工作时间决定了你能做成什么样吧
方案1,直接写成布的局,然后按照不同的布局加载不同张数的图片。而大家通用的图片加载方案都是异步加载的,这样的话,加载的时候,会一闪一闪的合并成一张图。由于现在的图片框架都有缓存,第二次会好很多。
优点:实现起来快
缺点:很低,不是一个有逼格程序员的做法,而且效果也不好。
方案2,自定义一个控件,还是通过异步的方式下载所有图片。在控件里面加一个计数器,确保所有图片下载完成后,一起同步显示出来。
优点:难度适中
缺点:扩展性差,哪天产品想换一个合成方案呢
方案3,还是使用原生的控件,对群图像进行合并后生成一个新的图像,原后进行缓存。将合并算法抽象成接口。
优点:易扩展,体验更好
缺点:多花一些时间
当然啦,作为一个有梦想有逼格的程序员,我们应该考虑实现方案,并且造福一些被产品折磨的程序猿同胞。
接下来,我来说一下主要思路和关键性代码吧。
其实整体上的思路说起来也比较简单,可以用一幅流程图来概括。
首先,我们知道,程序的输入参数应该是一个ImageView控件,一个url列表。
ImageView图像视图,直接继承自视图类,它的主要功能是用于显示图片,实际上它不仅仅可以用来显示图片,任何可拉的对象都可以使用ImageView来显示.ImageView可以适用于任何布局中,并且Android为其提供了缩放和着色的一些操作。
当然还有一个合并回调函数,用于自定义合并方法。
公共空间displayImages (
最后List网址,
最后ImageView ImageView,
最后MergeCallBack MergeCallBack
)
按照思路,我们需要根据url生成一个新键,用于缓存合并后的图像,下次就可以直接从缓存中加载。毕竟合并头像是耗时操作
公共字符串getNewUrlByList (Listurl字符串标记){
StringBuilder某人=new StringBuilder ();
(字符串url: url) {
sb.append (url +马克);
}
返回sb.toString ();
}
这里只是一个简单对所有的url进行了一个拼接,然后再md5。
缓存处理才是最关键的步骤,这里涉及到单个链接图片的缓存和合并图的缓存。对于缓存系统来说,单张图和多张图是同样对待的,都是一个关键的对应一个缓存对象。只是关键的规则稍有不同。
而缓存方案也是通用的DiskLruCache和MemoryLruCache实现的二级缓存,这样可以保持缓存的高效。(关于Lru算法,就是简单的最近最少使用,即最近使用原则,具体不清楚请百度)
我们来看下displayImages的核心代码,就是先找内存缓存,然后再找磁盘缓存,如果都没有,则再同步的找到所有的单张图片
公共空间displayImages(最终Listurl、最终ImageView ImageView最终MergeCallBack MergeCallBack,最终int dstWidth,最后int dstHeight) {
如果(url==null | | urls.size () & lt;=0) {
把新IllegalArgumentException (“url不能为空");
}
如果(mergeCallBack==null) {
把新IllegalArgumentException (“mergeCallBack不能为空");
}
最终字符串url=getNewUrlByList (url, mergeCallBack.getMark ());
imageView。setTag (IMG_URL、url);//内存中加载
位图的位图=loadFromMemory (url);
如果(位图!=null) {
LogUtil。e(标签,“displayImages这是从内存”);
imageView.setImageBitmap(位图);
返回;
}
尝试{//磁盘中加载
位图=loadFromDiskCache (url、dstWidth dstHeight);
如果(位图!=null) {
LogUtil。e(标签,“从磁盘displayImages这是”);
imageView.setImageBitmap(位图);
返回;
}
}捕捉(异常e) {
e.printStackTrace ();
}//设置一张默认图
位图=BitmapFactory.decodeResource (mContext.getResources (), R.drawable.ic_launcher_round);
imageView.setImageBitmap(位图);
LogUtil。e(标签,“displayImages这是违约”);//开启一个新的线程,同步加载所有的图片。如果加载成功,则返回。
Runnable loadBitmapTask=new Runnable () {
@Override
公共空间run () {
ArrayList
