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

AndroidListView异步加载图片方法详解

这篇文章主要介绍了AndroidListView异步加载图片方法,结合实例形式较为详细的分析了ListView异步加载图片的原理与相关实现技巧,需要的朋友可以参考下

本文实例讲述了Android ListView异步加载图片方法。分享给大家供大家参考,具体如下:

先说说这篇文章的优点把,开启线程异步加载图片,然后刷新UI显示图片,而且通过弱引用缓存网络加载的图片,节省了再次连接网络的开销。

这样做无疑是非常可取的方法,但是加载图片时仍然会感觉到轻微的卡屏现象,特别是listview里的item在进行快速滑动的时候。

我找了一下原因,可能是在listview快速滑动屏幕的时候划过的item太多 而且每次调用getView方法后就会异步的在过去某个时间内用handler刷新一下UI,

如果在同一时间调用handler刷新UI次数多了就会造成这样的卡屏现象。

后来又一想,其实我们完全没有必要在listview正在滑动的时候去后台加载图片(不管这是图片是在缓存里还是在网络上),这样无疑造成了很大的资源浪费。

我们只需要在listview滑动停止之后再去加载listview里面显示的几个item里面的图片就好了。

根据以上想法,我做了一些设计改造:

1.在adapter 的 getview方法里面启动加载图片的thread,如果listview在滑动则wait

2.监听listview滑动停止事件,获得listview显示的item的最上面和最下面的序号,并唤醒所有加载图片的thread,判断加载图片的序号是否是在范围内,如果是则继续加载,如果不是则结束thread

部分代码如下:

@Override
public View getView(int position, View convertView, ViewGroup parent)
{
  if(cOnvertView== null){
    cOnvertView= mInflater.inflate(R.layout.book_item_adapter, null);
  }
  BookModel model = mModels.get(position);
  convertView.setTag(position);
  ImageView iv = (ImageView) convertView.findViewById(R.id.sItemIcon);
  TextView sItemTitle = (TextView) convertView.findViewById(R.id.sItemTitle);
  TextView sItemInfo = (TextView) convertView.findViewById(R.id.sItemInfo);
  sItemTitle.setText(model.book_name);
  sItemInfo.setText(model.out_book_url);
  iv.setBackgroundResource(R.drawable.rc_item_bg);
  syncImageLoader.loadImage(position,model.out_book_pic,imageLoadListener);
  return convertView;
}
SyncImageLoader.OnImageLoadListener imageLoadListener = new SyncImageLoader.OnImageLoadListener(){
  @Override
  public void onImageLoad(Integer t, Drawable drawable) {
    //BookModel model = (BookModel) getItem(t);
    View view = mListView.findViewWithTag(t);
    if(view != null){
      ImageView iv = (ImageView) view.findViewById(R.id.sItemIcon);
      iv.setBackgroundDrawable(drawable);
    }
  }
  @Override
  public void onError(Integer t) {
    BookModel model = (BookModel) getItem(t);
    View view = mListView.findViewWithTag(model);
    if(view != null){
      ImageView iv = (ImageView) view.findViewById(R.id.sItemIcon);
      iv.setBackgroundResource(R.drawable.rc_item_bg);
    }
  }
};
public void loadImage(){
  int start = mListView.getFirstVisiblePosition();
  int end =mListView.getLastVisiblePosition();
  if(end >= getCount()){
    end = getCount() -1;
  }
  syncImageLoader.setLoadLimit(start, end);
  syncImageLoader.unlock();
}
AbsListView.OnScrollListener OnScrollListener= new AbsListView.OnScrollListener() {
  @Override
  public void onScrollStateChanged(AbsListView view, int scrollState) {
    switch (scrollState) {
      case AbsListView.OnScrollListener.SCROLL_STATE_FLING:
        DebugUtil.debug("SCROLL_STATE_FLING");
        syncImageLoader.lock();
        break;
      case AbsListView.OnScrollListener.SCROLL_STATE_IDLE:
        DebugUtil.debug("SCROLL_STATE_IDLE");
        loadImage();
        //loadImage();
        break;
      case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:
        syncImageLoader.lock();
        break;
      default:
        break;
    }
  }
  @Override
  public void onScroll(AbsListView view, int firstVisibleItem,
      int visibleItemCount, int totalItemCount) {
    // TODO Auto-generated method stub
  }
};

package cindy.android.test.synclistview;
import java.io.DataInputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.lang.ref.SoftReference;
import java.net.URL;
import java.util.HashMap;
import android.graphics.drawable.Drawable;
import android.os.Environment;
import android.os.Handler;
public class SyncImageLoader {
  private Object lock = new Object();
  private boolean mAllowLoad = true;
  private boolean firstLoad = true;
  private int mStartLoadLimit = 0;
  private int mStopLoadLimit = 0;
  final Handler handler = new Handler();
  private HashMap> imageCache = new HashMap>();
  public interface OnImageLoadListener {
    public void onImageLoad(Integer t, Drawable drawable);
    public void onError(Integer t);
  }
  public void setLoadLimit(int startLoadLimit,int stopLoadLimit){
    if(startLoadLimit > stopLoadLimit){
      return;
    }
    mStartLoadLimit = startLoadLimit;
    mStopLoadLimit = stopLoadLimit;
  }
  public void restore(){
    mAllowLoad = true;
    firstLoad = true;
  }
  public void lock(){
    mAllowLoad = false;
    firstLoad = false;
  }
  public void unlock(){
    mAllowLoad = true;
    synchronized (lock) {
      lock.notifyAll();
    }
  }
  public void loadImage(Integer t, String imageUrl,
      OnImageLoadListener listener) {
    final OnImageLoadListener mListener = listener;
    final String mImageUrl = imageUrl;
    final Integer mt = t;
    new Thread(new Runnable() {
      @Override
      public void run() {
        if(!mAllowLoad){
          DebugUtil.debug("prepare to load");
          synchronized (lock) {
            try {
              lock.wait();
            } catch (InterruptedException e) {
              // TODO Auto-generated catch block
              e.printStackTrace();
            }
          }
        }
        if(mAllowLoad && firstLoad){
          loadImage(mImageUrl, mt, mListener);
        }
        if(mAllowLoad && mt <= mStopLoadLimit && mt >= mStartLoadLimit){
          loadImage(mImageUrl, mt, mListener);
        }
      }
    }).start();
  }
  private void loadImage(final String mImageUrl,final Integer mt,final OnImageLoadListener mListener){
    if (imageCache.containsKey(mImageUrl)) {
      SoftReference softReference = imageCache.get(mImageUrl);
      final Drawable d = softReference.get();
      if (d != null) {
        handler.post(new Runnable() {
          @Override
          public void run() {
            if(mAllowLoad){
              mListener.onImageLoad(mt, d);
            }
          }
        });
        return;
      }
    }
    try {
      final Drawable d = loadImageFromUrl(mImageUrl);
      if(d != null){
        imageCache.put(mImageUrl, new SoftReference(d));
      }
      handler.post(new Runnable() {
        @Override
        public void run() {
          if(mAllowLoad){
            mListener.onImageLoad(mt, d);
          }
        }
      });
    } catch (IOException e) {
      handler.post(new Runnable() {
        @Override
        public void run() {
          mListener.onError(mt);
        }
      });
      e.printStackTrace();
    }
  }
  public static Drawable loadImageFromUrl(String url) throws IOException {
    DebugUtil.debug(url);
    if(Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)){
      File f = new File(Environment.getExternalStorageDirectory()+"/TestSyncListView/"+MD5.getMD5(url));
      if(f.exists()){
        FileInputStream fis = new FileInputStream(f);
        Drawable d = Drawable.createFromStream(fis, "src");
        return d;
      }
      URL m = new URL(url);
      InputStream i = (InputStream) m.getContent();
      DataInputStream in = new DataInputStream(i);
      FileOutputStream out = new FileOutputStream(f);
      byte[] buffer = new byte[1024];
      int  byteread=0;
      while ((byteread = in.read(buffer)) != -1) {
        out.write(buffer, 0, byteread);
      }
      in.close();
      out.close();
      Drawable d = Drawable.createFromStream(i, "src");
      return loadImageFromUrl(url);
    }else{
      URL m = new URL(url);
      InputStream i = (InputStream) m.getContent();
      Drawable d = Drawable.createFromStream(i, "src");
      return d;
    }
  }
}

除了本身已有的弱引用缓存图片,我还添加了本地SD卡缓存图片(这两种缓存方法各有好处,如果图片经常变化建议内存缓存图片,如果是不经常修改的图片建议SD卡缓存)

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android开发入门与进阶教程》、《Android多媒体操作技巧汇总(音频,视频,录音等)》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。


推荐阅读
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 本文总结了在使用Ionic 5进行Android平台APK打包时遇到的问题,特别是针对QRScanner插件的改造。通过详细分析和提供具体的解决方法,帮助开发者顺利打包并优化应用性能。 ... [详细]
  • 理解存储器的层次结构有助于程序员优化程序性能,通过合理安排数据在不同层级的存储位置,提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器(SRAM)和动态随机访问存储器(DRAM)的工作原理及其应用场景,并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • 几何画板展示电场线与等势面的交互关系
    几何画板是一款功能强大的物理教学软件,具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程,还能通过定量分析揭示物理现象背后的规律,尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • MySQL中枚举类型的所有可能值获取方法
    本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • 本文详细探讨了在Android 8.0设备上使用ChinaCock的TCCBarcodeScanner进行扫码时出现的应用闪退问题,并提供了解决方案。通过调整配置文件,可以有效避免这一问题。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 本文介绍如何在应用程序中使用文本输入框创建密码输入框,并通过设置掩码来隐藏用户输入的内容。我们将详细解释代码实现,并提供专业的补充说明。 ... [详细]
  • 本文介绍如何通过SQL查询从JDE(JD Edwards)系统中提取所有字典数据,涵盖关键表的关联和字段选择。具体包括F0004和F0005系列表的数据提取方法。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 本文详细介绍了如何通过命令行启动MySQL服务,包括打开命令提示符窗口、进入MySQL的bin目录、输入正确的连接命令以及注意事项。文中还提供了更多相关命令的资源链接。 ... [详细]
author-avatar
梦里的天真575
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有