带你从头到尾梳理大图片加载OOM处理问题

我就是我 2022-07-19 00:21 16阅读 0赞

--------------------

我们在编写Android程序的时候经常要用到许多图片，不同图片总是会有不同的形状、不同的大小，但在大多数情况下，这些图片都会大于我们程序所需要的大小。比如说系统图片库里展示的图片大都是用手机摄像头拍出来的，这些图片的分辨率会比我们手机屏幕的分辨率高得多。大家应该知道，我们编写的应用程序都是有一定内存限制的，程序占用了过高的内存就容易出现OOM(OutOfMemory)异常。

先看一个栗子:主要功能为:ListView 的滑动列表展示,每个条目是一张图片

xml主页面布局

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" >
        <ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent" />
    </RelativeLayout>

ListView 的item 布局

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical">
    
        <ImageView android:id="@+id/imageView" android:layout_width="match_parent" android:layout_height="100dp" />
    </LinearLayout>

布局界面非常简单,不用多说什么,java代码

由于我们测试的图片非常大,属于超清的那种,我们用默认的**imageView.setImageResource(R.drawable.girl)** 方法,是完全显示此高清图片,此时  
在模拟器上运行之后,虽然能够显示,但是界面灰常卡顿有木有,可以说根本划不动的,口说无凭,上图  
唉!不好意思没图了,本来已经录好图了,奈何超过2M没法上传,总之就是很卡很卡啦  
![Image 1][]

看看,不骗人,真的很卡呀!!!

然后,接下来我们就要解决这个问题了,怎么解决呢,我们通过思考就会发现,其实造成这种结果单位主要原因就是要显示的图片太大了,我们完全不需要展示这麽大的图片,没错我们可以把图片压缩一下,比如压缩成 100\*100 的啦.

怎么压缩呢,熟悉 Bitmap 这个Api的朋友们肯定会想到怎么做了,不熟悉的也没关系,推荐一篇博客给大家看看:[http://blog.csdn.net/guolin\_blog/article/details/9316683][http_blog.csdn.net_guolin_blog_article_details_9316683]

我们主要使用的就是BitmapFactory.decodeResource()方法,该方法有多个重载,我们使用  
decodeResource (Resources res,  
int id,  
BitmapFactory.Options opts)(该方法返回一个Bitmap对象.)  
和 BitmapFactory.Options() 这个类该类可以对要加载的图片进行配置

下面我给出代码详细注释:

首先创建一个方法 decodeSampleBitmapFromResource() 主要来把大图片解析为适当的图片

public static Bitmap decodeSampleBitmapFromResource(Resources res, int resId, int reqWidth, int reqHeight) {
            // 第一次解析将inJustDecodeBounds设置为true，来获取图片大小
            BitmapFactory.Options options = new BitmapFactory.Options();
            //将这个参数的inJustDecodeBounds属性设置为true就可以让解析方法禁止为bitmap分配内存
            options.inJustDecodeBounds = true;
    
            /*解析源图片,返回一个 bitmap 对象,当 options.inJustDecodeBounds = true; 禁止为bitmap分配内存，返回值也不再是一个Bitmap对象，而是null。虽然Bitmap是null了， 但是BitmapFactory.Options的outWidth、outHeight和outMimeType属性都会被赋值。 这个技巧让我们可以在加载图片之前就获取到图片的长宽值和MIME类型，从而根据情况对图片进行压缩*/
            BitmapFactory.decodeResource(res, resId, options);
    
            // 这个方法用来计算inSampleSize值
            options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);
            // 使用获取到的inSampleSize值再次解析图片
            options.inJustDecodeBounds = false;
    
            /*计算完inSampleSize 的合适大小后,需要把 options.inJustDecodeBounds = false; 然后把再 BitmapFactory.decodeResource(res,resId,options) 此时 options.inJustDecodeBounds = false; ,BitmapFactory.decodeResource() 方法返回一个bitmap对象给 imageView.setImageBitmap()方法 从而显示一个合适大小的图片 */
            return BitmapFactory.decodeResource(res, resId, options);
    
        }

**calculateInSampleSize(options, reqWidth, reqHeight); 的实现**

/*计算出合适的inSampleSize值：*/
        public static int calculateInSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {
            //源图片的高度和宽度
            final int height = options.outHeight;//得到要加载的图片高度
            final int width = options.outWidth;
            int inSampleSize = 1;
            if (height > reqHeight || width > reqWidth) {
                //计算出实际宽高和目标宽高的比例
                final int heightRatio = Math.round((float) height / (float) reqHeight);
                final int widthRatio = Math.round((float) width / (float) reqWidth);
    
                // 选择宽和高中最小的比率作为inSampleSize的值，这样可以保证最终图片的宽和高
                // 一定都会大于等于目标的宽和高。
                inSampleSize = heightRatio < widthRatio ? heightRatio : widthRatio;
    
            }
            return inSampleSize;
    
        }

上面是对用到的两个自定义的方法的解释,把他俩用到 主Java 代码中如下:

最后给出java完整程序

public class MainActivity extends AppCompatActivity { 
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            ListView listView = (ListView) findViewById(R.id.listView);
            listView.setAdapter(new MyAdapter());
        }
    
        class MyAdapter extends BaseAdapter {
            @Override
            public int getCount() {
                return 50;
            }
    
            @Override
            public Object getItem(int position) {
                return null;
            }
    
            @Override
            public long getItemId(int position) {
                return position;
            }
    
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
    
                View view = View.inflate(MainActivity.this, R.layout.list_item, null);
                ImageView imageView = (ImageView) view.findViewById(R.id.imageView);
               // imageView.setImageResource(R.drawable.girl);//完全显示图片大小,ListView 滑动界面异常卡顿
    
                //对非常大的图片进行压缩显示(压缩成100*100显示),以适合的宽高显示大小
                imageView.setImageBitmap(decodeSampleBitmapFromResource(getResources(), R.drawable.girl, 100, 100));
                return view;
            }
    
        }
    
        /*计算出合适的inSampleSize值：*/
        public static int calculateInSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {
            //源图片的高度和宽度
            final int height = options.outHeight;//得到要加载的图片高度
            final int width = options.outWidth;
            int inSampleSize = 1;
            if (height > reqHeight || width > reqWidth) {
                //计算出实际宽高和目标宽高的比例
                final int heightRatio = Math.round((float) height / (float) reqHeight);
                final int widthRatio = Math.round((float) width / (float) reqWidth);
    
                // 选择宽和高中最小的比率作为inSampleSize的值，这样可以保证最终图片的宽和高
                // 一定都会大于等于目标的宽和高。
                inSampleSize = heightRatio < widthRatio ? heightRatio : widthRatio;
    
            }
            return inSampleSize;
    
        }
    
        public static Bitmap decodeSampleBitmapFromResource(Resources res, int resId, int reqWidth, int reqHeight) {
            // 第一次解析将inJustDecodeBounds设置为true，来获取图片大小
            BitmapFactory.Options options = new BitmapFactory.Options();
            //将这个参数的inJustDecodeBounds属性设置为true就可以让解析方法禁止为bitmap分配内存
            options.inJustDecodeBounds = true;
    
            //解析源图片,返回一个 bitmap 对象,当 options.inJustDecodeBounds = true;
            /*禁止为bitmap分配内存，返回值也不再是一个Bitmap对象，而是null。虽然Bitmap是null了， 但是BitmapFactory.Options的outWidth、outHeight和outMimeType属性都会被赋值。 这个技巧让我们可以在加载图片之前就获取到图片的长宽值和MIME类型，从而根据情况对图片进行压缩*/
            BitmapFactory.decodeResource(res, resId, options);
    
            // 调用上面定义的方法计算inSampleSize值
            options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);
            // 使用获取到的inSampleSize值再次解析图片
            options.inJustDecodeBounds = false;
    
            /*计算完inSampleSize 的合适大小后,需要把 options.inJustDecodeBounds = false; 然后把再 BitmapFactory.decodeResource(res,resId,options) 此时 options.inJustDecodeBounds = false; ,BitmapFactory.decodeResource() 方法返回一个bitmap对象给 imageView.setImageBitmap()方法 从而显示一个合适大小的图片 */
            return BitmapFactory.decodeResource(res, resId, options);
    
        }
    
    
    }

我们把 `imageView.setImageResource(R.drawable.girl);//完全显示图片大小,ListView 滑动界面异常卡顿` 这行代码,改为这样写

//对非常大的图片进行压缩显示(压缩成100*100显示),以适合的宽高显示大小
    imageView.setImageBitmap(decodeSampleBitmapFromResource(getResources(), R.drawable.girl, 100, 100));

运行一下,上效果图:

![这里写图片描述][20160806230844343]

很顺了有木有,呵呵,看不要高兴太早额

在我快速的来回滑动当中,然后就

![这里写图片描述][20160806230201512]

并且报了下面的异常信息

![Image 1][]![这里写图片描述][20160806230302299]

很明显的OOM了有木有,那我们又该用啥办法解决呢,仔细思考我们有发现了问题的关键所在,就是ListView 条目的图片快速加载,快速释放,在某一时刻,图片加载过多,导致了 OOM 的问题.我们自然就可以想到,能不能别让滚出屏幕的图片离开呢,是不是可以把他们缓存起来呢,

所以,如果朋友们熟悉LruCache 这个类的话,又会想到解决方案了,不熟悉的也没关系,我还是会给出详细注释的:

首先看 我们自定义的 initLruCache(); 方法,在 onCreate() 方法中调用

/** * 初始化缓存 */
        private void initLruCache() {
    
            // 获取到可用内存的最大值，使用内存超出这个值会引起OutOfMemory异常。
            // LruCache通过构造函数传入缓存值，以KB为单位。
            int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);
            // 使用最大可用内存值的1/8作为缓存的大小。
            int cacheSize = maxMemory / 8;
    
            mMemoryCache = new LruCache<String, Bitmap>(cacheSize) {
                @Override
                protected int sizeOf(String key, Bitmap bitmap) {
                    // 重写此方法来衡量每张图片的大小，默认返回图片数量。
                    return bitmap.getByteCount() / 1024;
                }
            };
        }

然后再ListView 的适配器中的 getView() 方法中给ImageView 设置图片时,吧图片从缓存中取出,放入就行了

String imageKey = String.valueOf(R.drawable.girl);//得到资源id的唯一标示
                Bitmap bitmap = mMemoryCache.get(imageKey);//从lruCache中取出该缓存
                //如果缓存中有该资源
                if (bitmap != null) {
                    imageView.setImageBitmap(bitmap);
                } else {
                    //对非常大的图片进行压缩显示(压缩成100*100显示),以适合的宽高显示大小
                    Bitmap bitmap2 = decodeSampleBitmapFromResource(getResources(), R.drawable.girl, 100, 100);
                    imageView.setImageBitmap(bitmap2);
                    mMemoryCache.put(imageKey, bitmap2);//添加到缓存中
                }

完整java 代码如下

public class MainActivity extends AppCompatActivity { 
        private LruCache<String, Bitmap> mMemoryCache;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            initLruCache();
    
            ListView listView = (ListView) findViewById(R.id.listView);
            listView.setAdapter(new MyAdapter());
        }
    
        /** * 初始化缓存 */
        private void initLruCache() {
    
            // 获取到可用内存的最大值，使用内存超出这个值会引起OutOfMemory异常。
            // LruCache通过构造函数传入缓存值，以KB为单位。
            int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);
            // 使用最大可用内存值的1/8作为缓存的大小。
            int cacheSize = maxMemory / 8;
    
            mMemoryCache = new LruCache<String, Bitmap>(cacheSize) {
                @Override
                protected int sizeOf(String key, Bitmap bitmap) {
                    // 重写此方法来衡量每张图片的大小，默认返回图片数量。
                    return bitmap.getByteCount() / 1024;
                }
            };
        }
    
    
        class MyAdapter extends BaseAdapter {
            @Override
            public int getCount() {
                return 50;
            }
    
            @Override
            public Object getItem(int position) {
                return null;
            }
    
            @Override
            public long getItemId(int position) {
                return position;
            }
    
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
    
                View view = View.inflate(MainActivity.this, R.layout.list_item, null);
                ImageView imageView = (ImageView) view.findViewById(R.id.imageView);
    // imageView.setImageResource(R.drawable.girl);//完全显示图片大小,ListView 滑动界面异常卡顿
    
                String imageKey = String.valueOf(R.drawable.girl);//得到资源id的唯一标示
                Bitmap bitmap = mMemoryCache.get(imageKey);//从lruCache中取出该缓存
                //如果缓存中有该资源
                if (bitmap != null) {
                    imageView.setImageBitmap(bitmap);
                } else {
                    //对非常大的图片进行压缩显示(压缩成100*100显示),以适合的宽高显示大小
                    Bitmap bitmap2 = decodeSampleBitmapFromResource(getResources(), R.drawable.girl, 100, 100);
                    imageView.setImageBitmap(bitmap2);
                    mMemoryCache.put(imageKey, bitmap2);//添加到缓存中
                }
                return view;
            }
    
        }
    
    
        /*计算出合适的inSampleSize值：*/
        public static int calculateInSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {
            //源图片的高度和宽度
            final int height = options.outHeight;//得到要加载的图片高度
            final int width = options.outWidth;
            int inSampleSize = 1;
            if (height > reqHeight || width > reqWidth) {
                //计算出实际宽高和目标宽高的比例
                final int heightRatio = Math.round((float) height / (float) reqHeight);
                final int widthRatio = Math.round((float) width / (float) reqWidth);
    
                // 选择宽和高中最小的比率作为inSampleSize的值，这样可以保证最终图片的宽和高
                // 一定都会大于等于目标的宽和高。
                inSampleSize = heightRatio < widthRatio ? heightRatio : widthRatio;
    
            }
            return inSampleSize;
        }
    
        public static Bitmap decodeSampleBitmapFromResource(Resources res, int resId, int reqWidth, int reqHeight) {
            // 第一次解析将inJustDecodeBounds设置为true，来获取图片大小
            BitmapFactory.Options options = new BitmapFactory.Options();
            //将这个参数的inJustDecodeBounds属性设置为true就可以让解析方法禁止为bitmap分配内存
            options.inJustDecodeBounds = true;
    
            //解析源图片,返回一个 bitmap 对象,当 options.inJustDecodeBounds = true;
            /*禁止为bitmap分配内存，返回值也不再是一个Bitmap对象，而是null。虽然Bitmap是null了， 但是BitmapFactory.Options的outWidth、outHeight和outMimeType属性都会被赋值。 这个技巧让我们可以在加载图片之前就获取到图片的长宽值和MIME类型，从而根据情况对图片进行压缩*/
            BitmapFactory.decodeResource(res, resId, options);
    
            // 调用上面定义的方法计算inSampleSize值
            options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);
            // 使用获取到的inSampleSize值再次解析图片
            options.inJustDecodeBounds = false;
    
            /*计算完inSampleSize 的合适大小后,需要把 options.inJustDecodeBounds = false; 然后把再 BitmapFactory.decodeResource(res,resId,options) 此时 options.inJustDecodeBounds = false; ,BitmapFactory.decodeResource() 方法返回一个bitmap对象给 imageView.setImageBitmap()方法 从而显示一个合适大小的图片 */
            return BitmapFactory.decodeResource(res, resId, options);
    
        }
    
    
    }

在运行一下看看效果哈: (gif图录制会失帧)

![这里写图片描述][20160806230715514]

*  最后给大家无私奉献出美女

![这里写图片描述][20160806230531177]

好了,图片加载就讲到这里了,如果大家觉得麻烦,可以考虑使用一些图片加载的开源框架来处理,可以参考我的另一篇文章:

[android异步任务 访问网络 加载图片 解决方案大集合][android_ _ _]

[Image 1]: 
[http_blog.csdn.net_guolin_blog_article_details_9316683]: http://blog.csdn.net/guolin_blog/article/details/9316683
[20160806230844343]: /images/20220718/ee1b794aa8e549e680d07fa5c986aa18.png
[20160806230201512]: /images/20220718/41c388ba977a48128cee980e839ca7e8.png
[20160806230302299]: https://img-blog.csdn.net/20160806230302299
[20160806230715514]: /images/20220718/3383fbdc998b4ec29e2517fb0d4c0802.png
[20160806230531177]: /images/20220718/293da05d6f794a9c9c1d5166e5417e4d.png
[android_ _ _]: http://blog.csdn.net/itguangit/article/details/52108182