欢迎加入技术谈论群：714476794

一、背景

最近做项目需要用到选择图片上传，类似于微信、微博那样的图片选择器，ContentResolver读取本地图片资源并用RecyclerView+Glide加载图片显示就搞定列表的显示，这个没什么大问题，重点是，点击图片进入大图浏览，比如你相册有几百张图片，也就意味着在ViewPager中需要加载几百个view，况且手机拍出来的图片都是1-2千万左右像素的高清大图(笔者手机2千万像素也就是拍照出来的照片3888*5152)，大小也有5-7个兆，ViewPager滑动不了十几张就oom了，即是对图片做了压缩处理，把图片分辨率降低至1366*960，大小压缩至150k以下，并且在ViewPager的destroyItem方法做了bitmap资源的回收，虽然效果好了点，这也抵挡不了oom的降临（网上查找的方案都是压缩、使用第三方控件、回收，其实这都没用，可能他们没有真正体验过ViewPager加载几百上千张大图的感受），浏览到了第50-70张的时候就oom了内存一直暴涨，根本回收不了的，不信你们试试，压缩和回收根本不能根治问题，那么怎么解决呢？研究了微信和微博，他们怎么也不会oom，最后我想到了一种解决方案。

二、方案实施

1、以往的普通做法

部分代码：

List<SubsamplingScaleImageView> mViews = new ArrayList<>();int size = mDatas.size();for (int i = 0; i < size; i++) {SubsamplingScaleImageView view = new SubsamplingScaleImageView(this);mViews.add(view);}mBinding.viewpager.setAdapter(new MyAdapter());

class MyAdapter extends PagerAdapter {@Overridepublic int getCount() {return mDatas.size();}@Overridepublic boolean isViewFromObject(View view, Object object) {return view == object;}@Overridepublic Object instantiateItem(ViewGroup container, final int position) {ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewPager.LayoutParams.MATCH_PARENT,ViewPager.LayoutParams.MATCH_PARENT);final SubsamplingScaleImageView imageView = mViews.get(position);imageView.setLayoutParams(params);final String url = mDatas.get(position);String cacheExists = cacheExists(url);if(TextUtils.isEmpty(cacheExists)) {//没缓存 需要压缩(压缩耗时 异步)new AsyncTask<Void, Void, String>() {@Overrideprotected String doInBackground(Void... voids) {String cacheNoExistsPath = getCacheNoExistsPath(url);BitmapCompressUtils.compressBitmap(url, cacheNoExistsPath);File file = new File(cacheNoExistsPath);if (file.exists()) {//存在表示成功return cacheNoExistsPath;} else {return url;}}@Overrideprotected void onPostExecute(String s) {imageView.setImage(ImageSource.uri(s));}}.execute();} else {//有缓存 直接显示imageView.setImage(ImageSource.uri(cacheExists));}container.addView(imageView);return imageView;}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {SubsamplingScaleImageView imageView = mViews.get(position);if(imageView != null) {imageView.recycle();}container.removeView(imageView);}}

/*** 判断当前图片url对应的压缩过的缓存是否存在 ""表示不存在** @param url 图片路径* @return*/private String cacheExists(String url) {try {File fileDir = new File(mCacheRootPath);if(!fileDir.exists()) {fileDir.mkdirs();}File file = new File(mCacheRootPath,new StringBuffer().append(MD5EncryptorUtils.md5Encryption(url)).toString());if(file.exists()) {return file.getAbsolutePath();}} catch (Exception e) {e.printStackTrace();}return "";}public String getCacheNoExistsPath(String url) {File fileDir = new File(mCacheRootPath);if(!fileDir.exists()) {fileDir.mkdirs();}return new StringBuffer().append(mCacheRootPath).append(MD5EncryptorUtils.md5Encryption(url)).toString();}

可以看到，这里笔者通过自己的压缩算法(上一篇文章 Android_NDK图片压缩之Libjpeg库使用 )做了图片压缩，并缓存，细心的朋友应该有发现mViews集合添加的view个数是mDatas的size大小个数，这样就会导致一个问题ViewPager一直向下滑动的时候，内存一直是增加的，即是做了资源回收，也是不能解决问题（况且笔者这里展示图片的控件是SubsamplingScaleImageView 很不错的大图局部加载控件能有效防止oom），大家可以试试，大量图片的时候还是会oom，这得归根于viewpager加载的图片数量问题。

2、解决方案：

图片压缩也做了，资源回收也做了，但是ViewPager加载越来越多图片的时候就会oom 你避免不了，不信你试试；

这里就要用到ViewPager的view的重用机制(自己理解的)，也就是mViews我们固定给定个数量，如4，这样ViewPager的i实际所需要的item也就只有4个。

修改后的部分代码：

 for (int i = 0; i < 4; i++) {SubsamplingScaleImageView view = new SubsamplingScaleImageView(this);mViews.add(view);}mBinding.viewpager.setAdapter(new MyAdapter());

class MyAdapter extends PagerAdapter {@Overridepublic int getCount() {return mDatas.size();}@Overridepublic boolean isViewFromObject(View view, Object object) {return view == object;}@Overridepublic Object instantiateItem(ViewGroup container, final int position) {ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewPager.LayoutParams.MATCH_PARENT,ViewPager.LayoutParams.MATCH_PARENT);int i = position % 4;final SubsamplingScaleImageView imageView = mViews.get(i);imageView.setLayoutParams(params);final String url = mDatas.get(position);String cacheExists = cacheExists(url);if(TextUtils.isEmpty(cacheExists)) {//没缓存 需要压缩(压缩耗时 异步)new AsyncTask<Void, Void, String>() {@Overrideprotected String doInBackground(Void... voids) {String cacheNoExistsPath = getCacheNoExistsPath(url);BitmapCompressUtils.compressBitmap(url, cacheNoExistsPath);File file = new File(cacheNoExistsPath);if (file.exists()) {//存在表示成功return cacheNoExistsPath;} else {return url;}}@Overrideprotected void onPostExecute(String s) {imageView.setImage(ImageSource.uri(s));}}.execute();} else {//有缓存 直接显示imageView.setImage(ImageSource.uri(cacheExists));}container.addView(imageView);return imageView;}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {int i = position % 4;SubsamplingScaleImageView imageView = mViews.get(i);if(imageView != null) {imageView.recycle();}container.removeView(imageView);}

很简单的修改就能有效防止oom 利用position%4拿到第几个控件从mViews取值,保证了viewpager加载的mViews存储的图片为4个

看一直向下滑动的内存走势图

内存基本维持稳定

三、demo演示

因为要读取相册就没再模拟器运行录制gif ，直接截图

github：https://github.com/hiongyend/ViewPagerMultiPic

demo（csdn）：http://download.csdn.net/detail/hqiong208/9723673

四、总结

这个只是简单的演示，实际项目中的相册比这个复杂多了，简单说就是要压缩，要回收，View重用。

有什么问题可以留言

Android_性能优化之ViewPager加载成百上千高清大图oom解决方案相关推荐

移动网站性能优化：网页加载技术概览
移动网站性能优化:网页加载技术概览 2013/08/27 | 分类: IT技术 | 0 条评论 | 标签: WEB开发, 性能优化, 移动分享到: 47 本文由伯乐在线 - 伯乐在线读者翻译自 ...
前端性能优化总结/懒加载、函数节流、优化dom操作、雪碧图、合并文件
1.减少 HTTP 请求数量在浏览器与服务器进行通信时,主要是通过 HTTP 进行通信.浏览器与服务器需要经过三次握手,每次握手需要花费大量时间.而且不同浏览器对资源文件并发请求数量有限(不同浏览器 ...
网页性能优化之异步加载js文件
一个网页的有很多地方可以进行性能优化,比较常见的一种方式就是异步加载js脚本文件.在谈异步加载之前,先来看看浏览器加载js文件的原理. 浏览器加载 JavaScript 脚本,主要通过<scri ...
ajax预加载html seo,前端性能优化 — JS预加载和懒加载
JS预加载需求:有时我们需要实现例如快速快速切换页面.图片之类的功能时,能尽快的加载出我们所需的图片会极大提升用户体验,这时用预加载将图片先缓存到浏览器,用户使用需显示图片时无疑会顺畅很多. 核心: ...
前端性能优化之预加载
网络连接的快慢,是前端性能的瓶颈之一,在这里我们能做些什么呢,下面介绍几个通过浏览器特性来很容易提高资源加载速度的方法: DNS prefetching DNS解析的速度可用通过下面的标签来进行预解析 ...
11s到1s，性能优化之首屏加载
大家好,我是漫步,今天来看看前端优化的文章,喜欢记得关注我并设为星标. 全文共6511字/词,阅读大概需要13分钟,太长不看党请直接移步
从龟速 11s 到闪电 1s，详解前端性能优化之首屏加载
点击上方前端瓶子君,关注公众号回复算法,加入前端编程面试算法每日一题群全文共6511字/词,阅读大概需要13分钟,太长不看党请直接移步
SDWebImage加载多个网络高清图片内存崩溃 Crash
⁨// SDWebImage⁩ -> ⁨Core⁩ -> SDImageIOCoder.m- (UIImage *)decodedImageWithData:(NSData *)data ...
记一次前端性能优化——vue-cli4优化首屏加载
记一次前端性能优化--vue-cli4优化首屏加载一.前言 vue.js是一款时下非常流行的前端框架,很多公司,例如阿里.腾讯.字节等都在积极应用vue作为前端开发框架.这就说明,熟练使用vue开发 ...

Android_性能优化之ViewPager加载成百上千高清大图oom解决方案