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

时间:2022-06-19 22:42:17

转载至:点击打开链接

一、背景

最近做项目需要用到选择图片上传,类似于微信、微博那样的图片选择器,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   Android_性能优化之ViewPager加载成百上千高清大图oom解决方案 Android_性能优化之ViewPager加载成百上千高清大图oom解决方案
  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   Android_性能优化之ViewPager加载成百上千高清大图oom解决方案 Android_性能优化之ViewPager加载成百上千高清大图oom解决方案
  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   Android_性能优化之ViewPager加载成百上千高清大图oom解决方案 Android_性能优化之ViewPager加载成百上千高清大图oom解决方案
  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加载的图片数量问题。

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


2、解决方案:

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

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

修改后的部分代码:

  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());  


import android.content.Context;
import android.content.SharedPreferences;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
import android.app.Activity;
import android.os.Environment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;

import com.davemorrissey.labs.subscaleview.ImageSource;
import com.davemorrissey.labs.subscaleview.SubsamplingScaleImageView;
import com.lzy.imagepickerdemo.utils.BitmapCompressUtils;
import com.lzy.imagepickerdemo.utils.MD5EncryptorUtils;

public class TActivity extends Activity {
    private ViewPager viewPager;  //对应的viewPager
    private ArrayList<String> nameList = new ArrayList<>();
    private List<Bitmap> newimgs_list = new ArrayList<>();

    private ArrayList<String> mDatas = new ArrayList<>();
    private List<SubsamplingScaleImageView> mViews = new ArrayList<>();
    private String mCacheRootPath;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_t);

        SharedPreferences sh = getSharedPreferences("user", Context.MODE_PRIVATE);
        String name = sh.getString("images", "");
        Log.e("log",name);
        String[] aName = name.split(";");
        boolean b = Collections.addAll(nameList, aName);
       
        viewPager = (ViewPager) findViewById(R.id.viewpager);

        mDatas = nameList;
        mCacheRootPath = Environment.getExternalStorageDirectory().getAbsolutePath()+"/viewpager_cache/";
        for (int i = 0; i < 4; i++) {
            SubsamplingScaleImageView view = new SubsamplingScaleImageView(this);
            mViews.add(view);
        }
        viewPager.setAdapter(new MyAdapter());
    }

    protected void onDestroy() {
        super.onDestroy();
        System.gc();
    }
    class MyAdapter extends PagerAdapter {

        @Override
        public int getCount() {
            return mDatas.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public 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>() {
                    @Override
                    protected 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;
                        }
                    }
                    @Override
                    protected void onPostExecute(String s) {
                        imageView.setImage(ImageSource.uri(s));
                    }
                }.execute();
            } else {//有缓存 直接显示
                imageView.setImage(ImageSource.uri(cacheExists));
            }
            container.addView(imageView);
            return imageView;
        }

        @Override
        public 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);
        }
    }


    /**  * 判断当前图片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();
    }
}
app下的build.grade:

apply plugin: 'com.android.application'

android {
    compileSdkVersion 24
    buildToolsVersion "23.0.3"

    defaultConfig {
        applicationId "com.lzy.Railway_SafeDay"
        minSdkVersion 14
        targetSdkVersion 24
        versionCode 2
        versionName "1.2"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
    sourceSets {
        main {
            jniLibs.srcDirs = ['libs']
        }
    }
}

dependencies {
    compile fileTree(include: ['*.jar'], dir: 'libs')
    compile 'com.android.support:appcompat-v7:24.2.1'
    compile 'com.android.support:recyclerview-v7:24.2.1'

    compile 'com.github.bumptech.glide:glide:3.7.0'
    compile 'com.squareup.picasso:picasso:2.5.2'
    compile 'org.xutils:xutils:3.3.36'
    compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'

    compile 'com.lzy.widget:view-core:0.2.1'
    compile 'com.davemorrissey.labs:subsampling-scale-image-view:3.6.0'
    compile project(':imagepicker')
}