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

最新推荐文章于 2022-04-05 17:12:15 发布

PostTruth

最新推荐文章于 2022-04-05 17:12:15 发布

阅读量2.4k

点赞数 1

分类专栏：光哥android学习笔记文章标签： OOM android图加载 android 图片 LruCache

本文链接：https://blog.csdn.net/itguangit/article/details/52139214

版权

光哥android学习笔记专栏收录该内容

32 篇文章 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代码

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 滑动界面异常卡顿

            return view;
        }

    }

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

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

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

怎么压缩呢,熟悉 Bitmap 这个Api的朋友们肯定会想到怎么做了,不熟悉的也没关系,推荐一篇博客给大家看看: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));

运行一下,上效果图:

这里写图片描述

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

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

这里写图片描述

并且报了下面的异常信息

这里写图片描述

很明显的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图录制会失帧)

这里写图片描述

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

这里写图片描述

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

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

PostTruth

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
带你从头到尾梳理大图片加载OOM处理问题

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

扫一扫