一、问题描述

使用LruCache、AsyncTask实现批量图片的加载并达到下列技术要求

1、从缓存中读取图片,若不在缓存中,则开启异步线程(AsyncTask)加载图片,并放入缓存中

2、及时移除无效的异步线程;保证异步加载图片时不会乱序

3、只对当前屏幕可见部分进行缓存、异步加载图片

4、优化性能杜绝OOM

二、案例介绍

案例实现照片墙效果

三、主要技术

  LruCache

  内存缓存技术,在Android中 专门用来做图片缓存处理的组件,主要使用步骤

  (1) 设置缓存图片的内存大小,如设置为手机内存的1/8(当缓存的图片达到了预先设定的值的时候,那么近期使用次数最少的图片就会被回收掉)代码如下:

// 获取应用程序最大可用内存
int maxMemory = (int) Runtime.getRuntime().maxMemory();
int cacheSize = maxMemory / 8;
// 设置图片缓存大小为程序最大可用内存的1/8
mMemoryCache = new LruCache<String, Bitmap>(cacheSize) {@Overrideprotected int sizeOf(String key, Bitmap bitmap) {return bitmap.getByteCount();}};

(2) 将图片放入缓存中(LruCache里面的键值对通常分别是URL和对应的图片)

mMemoryCache.put(key, bitmap);

(3) 从缓存中取图片

mMemoryCache.get(key);

  AsyncTask

  进行耗时操作比如加载图片要求不要阻塞UI线程,就必须使用异步任务。AsyncTask是不需要借助thread+handler即可实现异步任务的组件,使用起来比较简单且更轻量级一些。实现AsyncTask步骤如下:

  (1) 扩展子AsyncTask,如

  class BitmapWorkerTask extends AsyncTask<String, Void, Bitmap>

  (2) 重写AsyncTask中的几个方法  

  onPreExecute(), 该方法将在执行实际的后台操作前被UI线程调用。可以在该方法中做一些准备工作,如在界面上显示一个进度条。

  doInBackground(Params...), 将在onPreExecute 方法执行后、执行,该方法运行在后台线程中,主要负责执行那些很耗时的后台计算工作,如加载图片

  onPostExecute(Result), 在doInBackground 执行完成后,该将被UI线程调用,后台的计算结果将通过该方法传递到UI线程

  (3) 在UI线程中通过调用AsyncTask的execute(Params…);

  开始执行异步任务并向后台任务传入数据,执行次序  onPreExecute()——> doInBackground(Params...)——> onPostExecute(Result)

  经验:对大量图片加载,要求每个图片都要在一个后台任务中取运行,因此需要使用集合记录所有正在下载或等待下载的任务

  Set<BitmapWorkerTask> taskCollection=new HashSet< BitmapWorkerTask >();

  当缓存中没有图片,添加任务并启动异步处理,片段代码如:

if (bitmap == null) {//如果缓存没有

BitmapWorkerTask task = new BitmapWorkerTask();taskCollection.add(task);task.execute(imageUrl);//执行异步任务,并传入加载的图片url地址

}

  要注意及时移除已完成的任务,如下代码

protected void onPostExecute(Bitmap bitmap) {….taskCollection.remove(this);}

  并且在适配器控件滑动停止时取消正在执行的任务,片段代码如下:

public void onScrollStateChanged(AbsListView view, int scrollState) {// 仅当GridView静止时才去下载图片,GridView滑动时取消所有正在下载的任务if (scrollState == SCROLL_STATE_IDLE) {loadBitmaps(mFirstVisibleItem, mVisibleItemCount);} else {cancelAllTasks();//取消所有正在下载或等待下载的任务。

}}public void cancelAllTasks() {if (taskCollection != null) {for (BitmapWorkerTask task : taskCollection) {task.cancel(false);}}}

三、完整代码

  1、 MainActivity

public class MainActivity extends Activity {private GridView mPhotoWall;private PhotoWallAdapter adapter;
private ArrayList<File> list;protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);list = new ArrayList<File>();getAllFiles(new File("/sdcard"));mPhotoWall = (GridView) findViewById(R.id.photo_wall);adapter = new PhotoWallAdapter(this, 0, list, mPhotoWall);mPhotoWall.setAdapter(adapter);}/*** 获得指定目录下图片文件*/private void getAllFiles(File root) {File files[] = root.listFiles();if (files != null)for (File f : files) {if (f.isDirectory()) {getAllFiles(f);} else {if (f.getName().indexOf(".png") > 0|| f.getName().indexOf(".jpg") > 0|| f.getName().indexOf(".jpeg") > 0)this.list.add(f);}}}protected void onDestroy() {super.onDestroy();adapter.cancelAllTasks();// 退出程序时结束所有的下载任务
    }
}

2、PhotoWallAdapter适配器

public class PhotoWallAdapter extends ArrayAdapter<File> implementsOnScrollListener {//记录所有正在下载或等待下载的任务。private Set<BitmapWorkerTask> taskCollection;// 图片缓存技术的核心类,用于缓存所有下载好的图片,在程序内存达到设定值时会//将最少最近使用的图片移除掉。private LruCache<String, Bitmap> mMemoryCache;//GridView的实例private GridView mPhotoWall;//第一张可见图片的下标private int mFirstVisibleItem;// 一屏有多少张图片可见private int mVisibleItemCount;// 记录是否刚打开程序,用于解决进入程序不滚动屏幕,不会下载图片的问题。private boolean isFirstEnter = true;ArrayList<File> list = null;public PhotoWallAdapter(Context context, int textViewResourceId,ArrayList<File> objects, GridView photoWall) {super(context, textViewResourceId, objects);mPhotoWall = photoWall;list = objects;taskCollection = new HashSet<BitmapWorkerTask>();// 获取应用程序最大可用内存int maxMemory = (int) Runtime.getRuntime().maxMemory();int cacheSize = maxMemory / 8;// 设置图片缓存大小为程序最大可用内存的1/8mMemoryCache = new LruCache<String, Bitmap>(cacheSize) {@Overrideprotected int sizeOf(String key, Bitmap bitmap) {return bitmap.getByteCount();}};mPhotoWall.setOnScrollListener(this);}public View getView(int position, View convertView, ViewGroup parent) {final File url = getItem(position);View view;if (convertView == null) {view = LayoutInflater.from(getContext()).inflate(R.layout.photo_layout, null);} else {view = convertView;}final ImageView photo = (ImageView) view.findViewById(R.id.photo);// 给ImageView设置一个Tag,保证异步加载图片时不会乱序
        photo.setTag(url.getAbsolutePath());setImageView(url.getAbsolutePath(), photo);return view;}/*** 给ImageView设置图片。首先从LruCache中取出图片的缓存,设置到ImageView上。如果LruCache中没有该图片的缓存,* 就给ImageView设置一张默认图片。* @param imageUrl*            图片的URL地址,用于作为LruCache的键。* @param imageView*            用于显示图片的控件。*/private void setImageView(String imageUrl, ImageView imageView) {Bitmap bitmap = getBitmapFromMemoryCache(imageUrl);if (bitmap != null) {imageView.setImageBitmap(bitmap);} else {bitmap=getLoacalBitmap(imageUrl);imageView.setImageResource(R.drawable.empty_photo);}}/*** 将一张图片存储到LruCache中。* @param key*            LruCache的键,这里传入图片的URL地址。* @param bitmap*            LruCache的键,这里传入从网络上下载的Bitmap对象。*/
@SuppressLint("NewApi")public void addBitmapToMemoryCache(String key, Bitmap bitmap) {if (getBitmapFromMemoryCache(key) == null) {mMemoryCache.put(key, bitmap);}}/*** 从LruCache中获取一张图片,如果不存在就返回null。* @param key*            LruCache的键,这里传入图片的URL地址。* @return 对应传入键的Bitmap对象,或者null。*/@SuppressLint("NewApi")public Bitmap getBitmapFromMemoryCache(String key) {return mMemoryCache.get(key);}@Overridepublic void onScrollStateChanged(AbsListView view, int scrollState) {// 仅当GridView静止时才去下载图片,GridView滑动时取消所有正在下载的任务if (scrollState == SCROLL_STATE_IDLE) {loadBitmaps(mFirstVisibleItem, mVisibleItemCount);} else {cancelAllTasks();}}@Overridepublic void onScroll(AbsListView view, int firstVisibleItem,int visibleItemCount, int totalItemCount) {mFirstVisibleItem = firstVisibleItem;mVisibleItemCount = visibleItemCount;// 下载的任务应该由onScrollStateChanged里调用,但首次进入程序时onScrollStateChanged并不会调用,// 因此在这里为首次进入程序开启下载任务。if (isFirstEnter && visibleItemCount > 0) {loadBitmaps(firstVisibleItem, visibleItemCount);isFirstEnter = false;}}/*** 加载Bitmap对象。此方法会在LruCache中检查所有屏幕中可见的ImageView的Bitmap对象,* 如果发现任何一个ImageView的Bitmap对象不在缓存中,就会开启异步线程去下载图片。* * @param firstVisibleItem*            第一个可见的ImageView的下标* @param visibleItemCount*            屏幕中总共可见的元素数*/private void loadBitmaps(int firstVisibleItem, int visibleItemCount) {try {for (int i = firstVisibleItem; i < firstVisibleItem+ visibleItemCount; i++) {String imageUrl = list.get(i).getAbsolutePath();Bitmap bitmap = getBitmapFromMemoryCache(imageUrl);if (bitmap == null) {//如果缓存没有BitmapWorkerTask task = new BitmapWorkerTask();taskCollection.add(task);task.execute(imageUrl);//执行异步任务,并传入加载的图片url地址(这里是sd卡上的图片)} else {ImageView imageView = (ImageView) mPhotoWall.findViewWithTag(imageUrl);if (imageView != null && bitmap != null) {imageView.setImageBitmap(bitmap);}}}} catch (Exception e) {e.printStackTrace();}}/*** 取消所有正在下载或等待下载的任务。*/public void cancelAllTasks() {if (taskCollection != null) {for (BitmapWorkerTask task : taskCollection) {task.cancel(false);}}}/*** 异步下载图片的任务。*/class BitmapWorkerTask extends AsyncTask<String, Void, Bitmap> {/*** 图片的URL地址*/private String imageUrl;@Overrideprotected Bitmap doInBackground(String... params) {imageUrl = params[0];// 在后台开始下载图片Bitmap bitmap = getLoacalBitmap(params[0]);if (bitmap != null) {// 图片下载完成后缓存到LrcCache中addBitmapToMemoryCache(params[0], bitmap);}return bitmap;}@Overrideprotected void onPostExecute(Bitmap bitmap) {super.onPostExecute(bitmap);// 根据Tag找到相应的ImageView控件,将下载好的图片显示出来。ImageView imageView = (ImageView) mPhotoWall.findViewWithTag(imageUrl);if (imageView != null && bitmap != null) {imageView.setImageBitmap(bitmap);}taskCollection.remove(this);}}private  Bitmap getLoacalBitmap(String url) {try {FileInputStream fis = new FileInputStream(url);return BitmapFactory.decodeStream(fis); // /把流转化为Bitmap图片
} catch (FileNotFoundException e) {e.printStackTrace();return null;}}
}

  想要了解更多内容的小伙伴,可以点击查看源码,亲自运行测试。

  疑问咨询或技术交流,请加入官方QQ群: (452379712)

作者:杰瑞教育
出处:http://www.cnblogs.com/jerehedu/ 
本文版权归烟台杰瑞教育科技有限公司和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

转载于:https://www.cnblogs.com/jerehedu/p/4554579.html

Android批量图片加载经典系列——使用LruCache、AsyncTask缓存并异步加载图片相关推荐

  1. android异步加载图片并缓存到内存和sd卡上,Android批量图片加载经典系列——采用二级缓存、异步加载网络图片...

    http://www.cnblogs.com/jerehedu/p/4560119.html 2015-06-08 09:20 by 杰瑞教育, 232 阅读, 1 评论, 收藏, 编辑一.问题描述 ...

  2. ajax右侧刷新加载jsp,jsp实现局部刷新页面、异步加载页面的方法

    jsp实现局部刷新页面.异步加载页面的方法 局部刷新页面.异步加载页面方案: 1.在jsp页面需要刷新的地方增加一个控件 2.新建一个jsp页面:aaa.jsp(用来放置需要刷新的内容) 3.将id为 ...

  3. Android批量图片加载经典系列——使用二级缓存、异步网络负载形象

    一.问题描写叙述 Android应用中常常涉及从网络中载入大量图片,为提升载入速度和效率,降低网络流量都会採用二级缓存和异步载入机制.所谓二级缓存就是通过先从内存中获取.再从文件里获取,最后才会訪问网 ...

  4. Android批量图片载入经典系列——使用LruCache、AsyncTask缓存并异步载入图片

    一.问题描写叙述 使用LruCache.AsyncTask实现批量图片的载入并达到下列技术要求 1.从缓存中读取图片,若不在缓存中,则开启异步线程(AsyncTask)载入图片,并放入缓存中 2.及时 ...

  5. android 图片加载 软引用_android Listview 软引用SoftReference异步加载图片

    首先说一下,android系统加载大量图片系统内存溢出的3中解决方法: (1)从网络或本地加载图片的时候,只加载缩略图.这个方法的确能够少占用不少内存,可是它的致命的缺点就是,因为加载的是缩略图,所以 ...

  6. 网络相册:Gallery+AsyncTask+URLConnection 实现异步加载网络图片

    这个例子需要点基础知识: Gallery的使用,这个网上的例子多的是 如何使用AsyncTask,这个可以看这里<[Android]异步任务AsyncTask使用解析> 使用URLConn ...

  7. 小程序 ajax 加载,小程序实战-小程序网络请求异步加载

    最初看到小程序的网络请求的时候,尤其是演示示例中,userInfoReadyCallback这个函数更是一头雾水.其实并不怎么理解.一直很费解.网上各路大侠都有解释,但是就是,不知道是怎么个顺序,而我 ...

  8. ajax实现向上正在加载,向上滚动或者向下滚动分页异步加载数据(Ajax + lazyload)

    /**** desc : 分页异步获取列表数据,页面向上滚动时候加载前面页码,向下滚动时加载后面页码 ajaxdata_url ajax异步的URL 如data.php page_val_name a ...

  9. 浅谈Android中的异步加载之ListView中图片的缓存及优化三

    隔了很久没写博客,现在必须快速脉动回来.今天我还是接着上一个多线程中的异步加载系列中的最后一个使用异步加载实现ListView中的图片缓存及其优化.具体来说这次是一个综合Demo.但是个人觉得里面还算 ...

最新文章

  1. 2022-2028年中国应急救援装备行业市场研究及前瞻分析报告
  2. CNN中的采样和池化心得
  3. [CSS]关于z-index与position的一次奇异经历
  4. pycharm 如何将同一项目中不同模块代码分屏显示
  5. 里bl2和bl3为什么分开_英国的水池为什么有两个水龙头?为什么英国有独立的冷热水龙头?...
  6. js url解码gbk_JS中对URL进行转码与解码
  7. OJ1065: 统计数字字符的个数(C语言)
  8. 用计算机说唱的 那个男的是谁,中国男rapper排名 中国rap说唱饶舌歌手排名
  9. 程序员利用恶意软件攻击数万台 Mac、PC,窃取用户隐私长达 13 年
  10. 此博客不再更新,新博客地址https://xsamsara.tk/
  11. java并发编程(7)-- 线程 自旋锁
  12. QQ自动登陆脚本生成器 v1.0
  13. Au:突发性噪音降噪方法
  14. JSchException: Algorithm negotiation fail
  15. c语言最长递增子序列nlogn,最长递增子序列
  16. phpstudy提示80端口被system占用
  17. 如何理解CRM软件里的销售机会与线索
  18. 网关系统就该这么设计(万能通用),稳的一批!
  19. npm ERR While resolving: vue-admin-template@3.8.0问题的解决方案
  20. HTML中支持qlv文件格式吗,qlv格式怎么播放,格式工厂不支持qlv

热门文章

  1. LeetCode84 Largest Rectangle in Histogram
  2. Swift代码实现加载WEBVIEW
  3. [BZOJ1602BZOJ1787BZOJ2144]树上LCA的算法巩固练习
  4. 2.C#面向对象基础属性
  5. 你是我心中永远抹不掉的痛
  6. WindowsAPI概览
  7. ASP/COM+组件开发辅助软件之补充
  8. 数据结构笔记(八)-- 链式栈
  9. Eigen库数据结构内存对齐问题
  10. mysql数据倾斜_sqoop数据倾斜解决实战