Android_性能优化ViewPager加载高清大图oom解决方案

一、背景

最近做项目需要用到选择图片上传，类似于微信、微博那样的图片选择器，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、以往的普通做法

部分代码：

[java] view plain copy

1. List<SubsamplingScaleImageView> mViews = new ArrayList<>();  
2.           
3.         int size = mDatas.size();  
4.         for (int i = 0; i < size; i++) {  
5.             SubsamplingScaleImageView view = new SubsamplingScaleImageView(this);  
6.             mViews.add(view);  
7.         }  
8.   
9.         mBinding.viewpager.setAdapter(new MyAdapter());  

[java] view plain copy

1. class MyAdapter extends PagerAdapter {  
2.   
3.         @Override  
4.         public int getCount() {  
5.             return mDatas.size();  
6.         }  
7.   
8.         @Override  
9.         public boolean isViewFromObject(View view, Object object) {  
10.             return view == object;  
11.         }  
12.   
13.         @Override  
14.         public Object instantiateItem(ViewGroup container, final int position) {  
15.   
16.             ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(  
17.                     ViewPager.LayoutParams.MATCH_PARENT,ViewPager.LayoutParams.MATCH_PARENT);  
18.             final SubsamplingScaleImageView imageView = mViews.get(position);  
19.             imageView.setLayoutParams(params);  
20.   
21.             final String url = mDatas.get(position);  
22.             String cacheExists = cacheExists(url);  
23.             if(TextUtils.isEmpty(cacheExists)) {//没缓存 需要压缩(压缩耗时 异步)  
24.                 new AsyncTask<Void, Void, String>() {  
25.                     @Override  
26.                     protected String doInBackground(Void... voids) {  
27.                         String cacheNoExistsPath = getCacheNoExistsPath(url);  
28.                         BitmapCompressUtils.compressBitmap(url, cacheNoExistsPath);  
29.                         File file = new File(cacheNoExistsPath);  
30.                         if (file.exists()) {//存在表示成功  
31.                             return cacheNoExistsPath;  
32.                         } else {  
33.                             return url;  
34.                         }  
35.                     }  
36.   
37.                     @Override  
38.                     protected void onPostExecute(String s) {  
39.                         imageView.setImage(ImageSource.uri(s));  
40.                     }  
41.   
42.                 }.execute();  
43.   
44.   
45.             } else {//有缓存 直接显示  
46.                 imageView.setImage(ImageSource.uri(cacheExists));  
47.             }  
48.   
49.             container.addView(imageView);  
50.             return imageView;  
51.   
52.         }  
53.   
54.         @Override  
55.         public void destroyItem(ViewGroup container, int position, Object object) {  
56.   
57.             SubsamplingScaleImageView imageView = mViews.get(position);  
58.             if(imageView != null) {  
59.                 imageView.recycle();  
60.             }  
61.   
62.             container.removeView(imageView);  
63.   
64.         }  
65.     }  

[java] view plain copy

1. /** 
2.      * 判断当前图片url对应的压缩过的缓存是否存在 ""表示不存在 
3.      * 
4.      * @param url 图片路径 
5.      * @return 
6.      */  
7.     private String cacheExists(String url) {  
8.         try {  
9.             File fileDir = new File(mCacheRootPath);  
10.             if(!fileDir.exists()) {  
11.                 fileDir.mkdirs();  
12.             }  
13.   
14.             File file = new File(mCacheRootPath,new StringBuffer().append(MD5EncryptorUtils.md5Encryption(url)).toString());  
15.             if(file.exists()) {  
16.                 return file.getAbsolutePath();  
17.             }  
18.         } catch (Exception e) {  
19.             e.printStackTrace();  
20.         }  
21.   
22.         return "";  
23.     }  
24.   
25.     public String getCacheNoExistsPath(String url) {  
26.         File fileDir = new File(mCacheRootPath);  
27.         if(!fileDir.exists()) {  
28.             fileDir.mkdirs();  
29.         }  
30.   
31.   
32.         return new StringBuffer().append(mCacheRootPath)  
33.                 .append(MD5EncryptorUtils.md5Encryption(url)).toString();  
34.     }  

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

2、解决方案：

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

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

修改后的部分代码：

[java] view plain copy

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

[java] view plain copy

1. class MyAdapter extends PagerAdapter {  
2.   
3.         @Override  
4.         public int getCount() {  
5.             return mDatas.size();  
6.         }  
7.   
8.         @Override  
9.         public boolean isViewFromObject(View view, Object object) {  
10.             return view == object;  
11.         }  
12.   
13.         @Override  
14.         public Object instantiateItem(ViewGroup container, final int position) {  
15.   
16.             ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(  
17.                     ViewPager.LayoutParams.MATCH_PARENT,ViewPager.LayoutParams.MATCH_PARENT);  
18.   
19.             int i = position % 4;  
20.             final SubsamplingScaleImageView imageView = mViews.get(i);  
21.             imageView.setLayoutParams(params);  
22.   
23.             final String url = mDatas.get(position);  
24.             String cacheExists = cacheExists(url);  
25.             if(TextUtils.isEmpty(cacheExists)) {//没缓存 需要压缩(压缩耗时 异步)  
26.                 new AsyncTask<Void, Void, String>() {  
27.                     @Override  
28.                     protected String doInBackground(Void... voids) {  
29.                         String cacheNoExistsPath = getCacheNoExistsPath(url);  
30.                         BitmapCompressUtils.compressBitmap(url, cacheNoExistsPath);  
31.                         File file = new File(cacheNoExistsPath);  
32.                         if (file.exists()) {//存在表示成功  
33.                             return cacheNoExistsPath;  
34.                         } else {  
35.                             return url;  
36.                         }  
37.                     }  
38.   
39.                     @Override  
40.                     protected void onPostExecute(String s) {  
41.                         imageView.setImage(ImageSource.uri(s));  
42.                     }  
43.   
44.                 }.execute();  
45.   
46.   
47.             } else {//有缓存 直接显示  
48.                 imageView.setImage(ImageSource.uri(cacheExists));  
49.             }  
50.   
51.             container.addView(imageView);  
52.             return imageView;  
53.   
54.         }  
55.   
56.         @Override  
57.         public void destroyItem(ViewGroup container, int position, Object object) {  
58.             int i = position % 4;  
59.             SubsamplingScaleImageView imageView = mViews.get(i);  
60.             if(imageView != null) {  
61.                 imageView.recycle();  
62.             }  
63.   
64.             container.removeView(imageView);  
65.   
66.         }  

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

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

内存基本维持稳定

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

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