热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android中使用二级缓存、异步加载批量加载图片完整案例

这篇文章主要介绍了Android中使用二级缓存、异步加载批量加载图片完整案例,本文讲解了实现的过程以及核心代码展示,并给出了完整项目源码,需要的朋友可以参考下

一、问题描述

Android应用中经常涉及从网络中加载大量图片,为提升加载速度和效率,减少网络流量都会采用二级缓存和异步加载机制,所谓二级缓存就是通过先从内存中获取、再从文件中获取,最后才会访问网络。内存缓存(一级)本质上是Map集合以key-value对的方式存储图片的url和Bitmap信息,由于内存缓存会造成堆内存泄露, 管理相对复杂一些,可采用第三方组件,对于有经验的可自己编写组件,而文件缓存比较简单通常自己封装一下即可。下面就通过案例看如何实现网络图片加载的优化。

二、案例介绍

案例新闻的列表图片

三、主要核心组件

下面先看看实现一级缓存(内存)、二级缓存(磁盘文件)所编写的组件

1、MemoryCache

在内存中存储图片(一级缓存), 采用了1个map来缓存图片代码如下:

public class MemoryCache {
  // 最大的缓存数 
  private static final int MAX_CACHE_CAPACITY = 30;
  //用Map软引用的Bitmap对象, 保证内存空间足够情况下不会被垃圾回收
    private HashMap> mCacheMap = 
      new LinkedHashMap>() {
      private static final long serialVersiOnUID= 1L;
//当缓存数量超过规定大小(返回true)会清除最早放入缓存的  
      protected boolean removeEldestEntry(
Map.Entry> eldest){
        return size() > MAX_CACHE_CAPACITY;};
  };
  /**
   * 从缓存里取出图片
   * @param id
   * @return 如果缓存有,并且该图片没被释放,则返回该图片,否则返回null
   */
  public Bitmap get(String id){
    if(!mCacheMap.containsKey(id)) return null;
    SoftReference ref = mCacheMap.get(id);
    return ref.get();
  }
  /**
   * 将图片加入缓存
   * @param id
   * @param bitmap
   */
  public void put(String id, Bitmap bitmap){
    mCacheMap.put(id, new SoftReference(bitmap));
  }
  /**
   * 清除所有缓存
   */
  public void clear() {
  try {
      for(Map.Entry>entry :mCacheMap.entrySet()) 
{  SoftReference sr = entry.getValue();
      if(null != sr) {
        Bitmap bmp = sr.get();
        if(null != bmp) bmp.recycle();
      }
    }
    mCacheMap.clear();
  } catch (Exception e) {
      e.printStackTrace();}
  }
}

2、FileCache

在磁盘中缓存图片(二级缓存),代码如下

public class FileCache { 
  //缓存文件目录 
  private File mCacheDir;
  /**
   * 创建缓存文件目录,如果有SD卡,则使用SD,如果没有则使用系统自带缓存目录
   * @param context
   * @param cacheDir 图片缓存的一级目录
   */
public FileCache(Context context, File cacheDir, String dir){
if(android.os.Environment.getExternalStorageState().equals、(android.os.Environment.MEDIA_MOUNTED))
      mCacheDir = new File(cacheDir, dir);
   else
    mCacheDir = context.getCacheDir();// 如何获取系统内置的缓存存储路径
   if(!mCacheDir.exists()) mCacheDir.mkdirs();
  }
  public File getFile(String url){
    File f=null;
    try {
//对url进行编辑,解决中文路径问题
      String filename = URLEncoder.encode(url,"utf-8");
      f = new File(mCacheDir, filename);
    } catch (UnsupportedEncodingException e) {
      e.printStackTrace();
    }
    return f;
  }
  public void clear(){//清除缓存文件
    File[] files = mCacheDir.listFiles();
    for(File f:files)f.delete();
}
}

3、编写异步加载组件AsyncImageLoader

android中采用单线程模型即应用运行在UI主线程中,且Android又是实时操作系统要求及时响应否则出现ANR错误,因此对于耗时操作要求不能阻塞UI主线程,需要开启一个线程处理(如本应用中的图片加载)并将线程放入队列中,当运行完成后再通知UI主线程进行更改,同时移除任务——这就是异步任务,在android中实现异步可通过本系列一中所用到的AsyncTask或者使用thread+handler机制,在这里是完全是通过代码编写实现的,这样我们可以更清晰的看到异步通信的实现的本质,代码如下

public class AsyncImageLoader{
  private MemoryCache mMemoryCache;//内存缓存
  private FileCache mFileCache;//文件缓存
  private ExecutorService mExecutorService;//线程池
//记录已经加载图片的ImageView
  private Map mImageViews = Collections
      .synchronizedMap(new WeakHashMap());
//保存正在加载图片的url 
  private List mTaskQueue = new ArrayList();
  /**
   * 默认采用一个大小为5的线程池
   * @param context
   * @param memoryCache 所采用的高速缓存
   * @param fileCache 所采用的文件缓存
   */
  public AsyncImageLoader(Context context, MemoryCache memoryCache, FileCache fileCache) {
    mMemoryCache = memoryCache;
    mFileCache = fileCache;
    mExecutorService = Executors.newFixedThreadPool(5);//建立一个容量为5的固定尺寸的线程池(最大正在运行的线程数量)
  }
  /**
   * 根据url加载相应的图片
   * @param url
   * @return 先从一级缓存中取图片有则直接返回,如果没有则异步从文件(二级缓存)中取,如果没有再从网络端获取
   */
  public Bitmap loadBitmap(ImageView imageView, String url) {
    //先将ImageView记录到Map中,表示该ui已经执行过图片加载了
    mImageViews.put(imageView, url);
    Bitmap bitmap = mMemoryCache.get(url);//先从一级缓存中获取图片
    if(bitmap == null) {
      enquequeLoadPhoto(url, imageView);//再从二级缓存和网络中获取
    }
    return bitmap;
  }
  /**
   * 加入图片下载队列
   * @param url
   */
  private void enquequeLoadPhoto(String url, ImageView imageView) {
    //如果任务已经存在,则不重新添加
    if(isTaskExisted(url))
      return;
    LoadPhotoTask task = new LoadPhotoTask(url, imageView);
    synchronized (mTaskQueue) {
      mTaskQueue.add(task);//将任务添加到队列中      
    }
    mExecutorService.execute(task);//向线程池中提交任务,如果没有达到上限(5),则运行否则被阻塞
  }
  /**
   * 判断下载队列中是否已经存在该任务
   * @param url
   * @return
   */
  private boolean isTaskExisted(String url) {
    if(url == null)
      return false;
    synchronized (mTaskQueue) {
      int size = mTaskQueue.size();
      for(int i=0; i

编写完成之后,对于异步任务的执行只需调用AsyncImageLoader中的loadBitmap()方法即可非常方便,对于AsyncImageLoader组件的代码最好结合注释好好理解一下,这样对于Android中线程之间的异步通信就会有深刻的认识。

4、工具类ImageUtil

public class ImageUtil {
  /**
   * 从网络获取图片,并缓存在指定的文件中
   * @param url 图片url
   * @param file 缓存文件
   * @return
   */
  public static Bitmap loadBitmapFromWeb(String url, File file) {
    HttpURLConnection cOnn= null;
    InputStream is = null;
    OutputStream os = null;
    try {
      Bitmap bitmap = null;
      URL imageUrl = new URL(url);
      cOnn= (HttpURLConnection) imageUrl.openConnection();
      conn.setConnectTimeout(30000);
      conn.setReadTimeout(30000);
      conn.setInstanceFollowRedirects(true);
      is = conn.getInputStream();
      os = new FileOutputStream(file);
      copyStream(is, os);//将图片缓存到磁盘中
      bitmap = decodeFile(file);
      return bitmap;
    } catch (Exception ex) {
      ex.printStackTrace();
      return null;
    } finally {
      try {
        if(os != null) os.close();
        if(is != null) is.close();
        if(conn != null) conn.disconnect();
      } catch (IOException e) {  }
    }
  }
  public static Bitmap decodeFile(File f) {
    try {
      return BitmapFactory.decodeStream(new FileInputStream(f), null, null);
    } catch (Exception e) { } 
    return null;
  }
  private static void copyStream(InputStream is, OutputStream os) {
    final int buffer_size = 1024;
    try {
      byte[] bytes = new byte[buffer_size];
      for (;;) {
        int count = is.read(bytes, 0, buffer_size);
        if (count == -1)
          break;
        os.write(bytes, 0, count);
      }
    } catch (Exception ex) {
      ex.printStackTrace();
    }
  }
}

四、测试应用
 组件之间的时序图:

1、编写MainActivity

public class MainActivity extends Activity { 
  ListView list;
  ListViewAdapter adapter;
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    list=(ListView)findViewById(R.id.list);
    adapter=new ListViewAdapter(this, mStrings);
    list.setAdapter(adapter);
  }
  public void onDestroy(){
    list.setAdapter(null);
    super.onDestroy();
    adapter.destroy();
  } 
 private String[] mStrings={
 "http://news.jb51.net/UserFiles/x_Image/x_20150606083511_0.jpg",
"http://news.jb51.net/UserFiles/x_Image/x_20150606082847_0.jpg",
…..};

2、编写适配器

public class ListViewAdapter extends BaseAdapter {
  private Activity mActivity;
  private String[] data;
  private static LayoutInflater inflater=null;
  private AsyncImageLoader imageLoader;//异步组件
  public ListViewAdapter(Activity mActivity, String[] d) {
    this.mActivity=mActivity;
    data=d;
    inflater = (LayoutInflater)mActivity.getSystemService(
Context.LAYOUT_INFLATER_SERVICE);
    MemoryCache mcache=new MemoryCache();//内存缓存
 File sdCard = android.os.Environment.getExternalStorageDirectory();//获得SD卡
    File cacheDir = new File(sdCard, "jereh_cache" );//缓存根目录
  FileCache fcache=new FileCache(mActivity, cacheDir, "news_img");//文件缓存
    imageLoader = new AsyncImageLoader(mActivity, mcache,fcache);
  }
  public int getCount() {
    return data.length;
  }
  public Object getItem(int position) {
    return position;
  }
  public long getItemId(int position) {
    return position;
  }
  public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder vh=null;
    if(cOnvertView==null){
      cOnvertView= inflater.inflate(R.layout.item, null);
      vh=new ViewHolder();
      vh.tvTitle=(TextView)convertView.findViewById(R.id.text);
      vh.ivImg=(ImageView)convertView.findViewById(R.id.image);
      convertView.setTag(vh);    
    }else{
      vh=(ViewHolder)convertView.getTag();
    }
    vh.tvTitle.setText("标题信息测试———— "+position);
    vh.ivImg.setTag(data[position]);
    //异步加载图片,先从一级缓存、再二级缓存、最后网络获取图片
    Bitmap bmp = imageLoader.loadBitmap(vh.ivImg, data[position]);
    if(bmp == null) {
      vh.ivImg.setImageResource(R.drawable.default_big);
    } else {
      vh.ivImg.setImageBitmap(bmp);
    }
    return convertView;
  }
  private class ViewHolder{
    TextView tvTitle;
    ImageView ivImg;
  }
  public void destroy() {
    imageLoader.destroy();
  }
}

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


推荐阅读
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 本文介绍了在MacOS系统上安装MySQL的步骤,并详细说明了如何设置MySQL服务的开机启动和如何修改MySQL的密码。通过下载MySQL的macos版本并按照提示一步一步安装,在系统偏好设置中可以找到MySQL的图标进行设置。同时,还介绍了通过终端命令来修改MySQL的密码的具体操作步骤。 ... [详细]
  • 本文介绍了5个基本Linux命令行工具的现代化替代品,包括du、top和ncdu。这些替代品在功能上进行了改进,提高了可用性,并且适用于现代化系统。其中,ncdu是du的替代品,它提供了与du类似的结果,但在一个基于curses的交互式界面中,重点关注占用磁盘空间较多的目录。 ... [详细]
  • Python项目实战10.2:MySQL读写分离性能优化
    本文介绍了在Python项目实战中进行MySQL读写分离的性能优化,包括主从同步的配置和Django实现,以及在两台centos 7系统上安装和配置MySQL的步骤。同时还介绍了创建从数据库的用户和权限的方法。摘要长度为176字。 ... [详细]
  • Annotation的大材小用
    为什么80%的码农都做不了架构师?最近在开发一些通用的excel数据导入的功能,由于涉及到导入的模块很多,所以开发了一个比较通用的e ... [详细]
  • ZABBIX 3.0 配置监控NGINX性能【OK】
    1.在agent端查看配置:nginx-V查看编辑时是否加入状态监控模块:--with-http_stub_status_module--with-http_gzip_stat ... [详细]
  • (九)Docker常用安装
    一、总体步骤1、搜索镜像2、拉取镜像3、查看镜像4、启动镜像5、停止镜像6、移除镜像二、安装tomcat1、dockerhub上面查找tomcat镜像 dockersearchto ... [详细]
  • 进入配置文件目录:[rootlinuxidcresin-4.0.]#cdusrlocalresinconf查看都有哪些配置文件:[rootlinuxid ... [详细]
  • 1、打开etcsysconfiggrub,   #vimetcsysconfiggrub   内容如下: ... [详细]
  • 本文主要介绍关于linux文件描述符设置,centos7设置文件句柄数,centos7查看进程数的知识点,对【Linux之进程数和句柄数】和【linux句柄数含义】有兴趣的朋友可以看下由【东城绝神】投 ... [详细]
  • Linux 服务器修改用户名
    Linux服务器修改用户名1、编辑名称vimetchostname2、保存编辑并退出wq3、重 ... [详细]
  • 找到JDK下载URL当然去官网找了。目前最新的1.8的下载URL(RPM)如下:http:download.oracle.comotn-pubjavajdk8u161-b122f3 ... [详细]
  • 对于一般的扩展包,我们一般直接pipinstallxxx即可安装,但是unrar直接安装后,发现并不能通过Python程序实现解压的功能& ... [详细]
  • MySQL5.6.40在CentOS764下安装过程 ... [详细]
  • 概述本章主要写当慢查询文件很大的时候怎样在线生成一个新的慢查询文件。测试环境:mysql5.6.2 ... [详细]
author-avatar
用释怀来成全悲伤_490_905_560
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有