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

我们在编写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 {@Overrideprotected 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 {@Overridepublic int getCount() {return 50;}@Overridepublic Object getItem(int position) {return null;}@Overridepublic long getItemId(int position) {return position;}@Overridepublic 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 {@Overrideprotected 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 {@Overridepublic int getCount() {return 50;}@Overridepublic Object getItem(int position) {return null;}@Overridepublic long getItemId(int position) {return position;}@Overridepublic 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) {@Overrideprotected 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;@Overrideprotected 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) {@Overrideprotected int sizeOf(String key, Bitmap bitmap) {// 重写此方法来衡量每张图片的大小，默认返回图片数量。return bitmap.getByteCount() / 1024;}};}class MyAdapter extends BaseAdapter {@Overridepublic int getCount() {return 50;}@Overridepublic Object getItem(int position) {return null;}@Overridepublic long getItemId(int position) {return position;}@Overridepublic 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异步任务访问网络加载图片解决方案大集合

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

Android自助餐之大图片加载
Android自助餐之大图片加载原理使用BitmapFactory.decodeStreeam()方法,该方法会调用native层代码来创建bitmap(两个重载都会调用) 使用带BitmapFa ...
大图片加载、懒加载实现原理（滚动加载图片）
大图片加载从模糊到清晰: https://www.cnblogs.com/wangmeijian/p/6822674.html?utm_source=tuicool&utm_medium=re ...
Carson带你学Android：主流开源图片加载库对比(UIL、Picasso、Glide、Fresco)
前言图片加载在 Android开发项目中十分常见为了降低开发周期 & 难度,我们经常会选用一些图片加载的开源库,而现在图片加载开源库越来越多,我们应该选用哪种呢? 今天.我就给大家介绍 & ...
关于图片加载性能优化总结
Android 图片加载性能优化总结一.Android Bitmap加载大尺寸图片优化: 压缩原因: 1.imageview大小如果是200*300那么加载个2000*3000的图片到内存中显然是 ...
javascript图片加载---加载大图的一个解决方案
网页在加载一张大图片时,往往要加载很久: 而且,在加载过程中,无法很好地控制图片的样式,容易造成错位等显示错误: 如果能够在加载大图时,先使用一张较小的loading图片占位,然后后台加载大图片,当大 ...
移动端h5图片加载问题，预加载、div标签替换img
在开发移动端h5时遇到图片加载不出来的问题,分为大图片和小图片(打包base64区分) 大图片加载解决办法:reload预加载小图片加载解决办法:div标签替换为img标签特殊情况: div标签按 ...
Android图片加载框架最全解析（八），带你全面了解Glide 4的用法
本文转载自郭神的Glide分析系列:http://blog.csdn.net/guolin_blog/article/details/78582548 本文同步发表于我的微信公众号,扫一扫文章底部的二 ...
Android图片加载框架最全解析（七），实现带进度的Glide图片加载功能
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/78357251 本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索郭 ...
微信小程序：想要点击图片时进行一个放大的功能，写完之后可以正常显示，但点击时图片加载不出来，在此想问一下各路大神有没有解决办法
微信小程序:想要点击图片时进行一个放大的功能,写完之后可以正常显示,但点击时图片加载不出来,在此想问一下各路大神有没有解决办法 wxml: 在这里插入代码片 <view class='zhanp ...
深度解析——图片加载到内存中的大小计算内存优化
本篇文章已授权微信公众号 hongyangAndroid (鸿洋)独家发布最近封装了个高斯模糊组件,正好将图片相关的理论基础也梳理了下,所以,这次就来讲讲,在 Android 中,怎么计算一张图片在 ...

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

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

最新文章

热门文章