Android ListView只加载当前屏幕内的图片(解决list滑动时加载卡顿)

转载 2012年03月28日 16:21:46
最近在做ListView分页显示,其中包括图片 和文字(先下载解析文字内容,再异步加载图片)发现每次点击下一页后,文字内容加载完毕,马上向下滑动,由于这时后台在用线程池异步下载图片,我每页有20条,也就是20张图片,会导致listview滑动卡顿!

这是用户不想看到的,我参考了网易新闻和电子市场等应用,发现它们都是只加载屏幕内的图片,不现实的不加载,于是我也仿照做了一个。我是菜鸟,我承认 呵呵,虽然不见得完全和他们的一样,但是确实解决了翻页时那一刻的卡顿现象。

因为未发现网上有相关文章,希望对朋友们有用~

下面是相关代码(分页的就没放):

 

 

Java代码 复制代码 收藏代码
  1. /**  
  2.      * list滚动监听  
  3.      */  
  4.     listView.setOnScrollListener(new OnScrollListener() {   
  5.         @Override  
  6.         public void onScrollStateChanged(AbsListView view, int scrollState) {   
  7.             // TODO Auto-generated method stub   
  8.             // 异步加载图片   
  9.             if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {//list停止滚动时加载图片   
  10.                 pageImgLoad(_start_index, _end_index);   
  11.             }   
  12.         }   
  13.         @Override  
  14.         public void onScroll(AbsListView view, int firstVisibleItem,   
  15.                 int visibleItemCount, int totalItemCount) {   
  16.             // TODO Auto-generated method stub   
  17.             //设置当前屏幕显示的起始index和结束index   
  18.             _start_index = firstVisibleItem;   
  19.             _end_index = firstVisibleItem + visibleItemCount;   
  20.             if (_end_index >= totalItemCount) {   
  21.                 _end_index = totalItemCount - 1;   
  22.             }   
  23.         }   
  24.     });  

   http://androiddada.iteye.com/

Java代码 复制代码 收藏代码
  1. /**  
  2.      * 只加载from start_index to end_index 的图片   
  3.      * @param start_index  
  4.      * @param end_index  
  5.      */  
  6.     private void pageImgLoad(int start_index, int end_index) {   
  7.         for (; start_index < end_index; start_index++) {   
  8.             HashMap<String, Object> curr_item = adapter.getItem(start_index);   
  9.             if (curr_item.get(Constant.NEWS_ICON_URL) != null  
  10.                     && curr_item.get(Constant.NEWS_ICON) == null) {   
  11.                 loadImage(curr_item);   
  12.             }   
  13.         }   
  14.     }  

 

异步加载图片代码,这里我之前使用的是AsyncTask,但是继承AsyncTask后不能被执行多次,所以我改用了线程呼叫handler更新UI:

Java代码 复制代码 收藏代码
  1. /**  
  2.      * 异步加载图片  
  3.      * @param curr_item  
  4.      */  
  5.     private void loadImage(final HashMap<String, Object> curr_item) {   
  6.         executorService.submit(new Runnable() {   
  7.             public void run() {   
  8.                 try {   
  9.                     Drawable curr_icon = null;   
  10.                     String icon_URL = (String) curr_item   
  11.                             .get(Constant.NEWS_ICON_URL);   
  12.                     String newsId = (String) curr_item.get(Constant.NEWS_ID);   
  13.   
  14.                     if (imageCache.containsKey(icon_URL)) {//软引用   
  15.                         SoftReference<Drawable> softReference = imageCache   
  16.                                 .get(icon_URL);   
  17.                         curr_icon = softReference.get();   
  18.                         System.out.println("CASE USING SoftReference!!!!!!!!!!!!!!!!!!!!");   
  19.                     }   
  20.                     if (curr_icon == null) {   
  21.                         HttpUtils hu = new HttpUtils();   
  22.                         FileUtils fu = new FileUtils();   
  23.                         if (hu.is_Intent(Home_Activity.this)) {   
  24.                             fu.write2LocalFromIS(Home_Activity.this, newsId   
  25.                                     + Constant.SAVE_NEWS_ICON_NAME   
  26.                                     + Constant.SAVE_IMG_SUFFIX,   
  27.                                     hu.getISFromURL(icon_URL));   
  28.                         }   
  29.                         // 从本地加载图片 如果没网则直接加载本地图片   
  30.                         curr_icon = fu.readDrawableFromLocal(   
  31.                                 Home_Activity.this, newsId   
  32.                                         + Constant.SAVE_NEWS_ICON_NAME   
  33.                                         + Constant.SAVE_IMG_SUFFIX);   
  34.                         imageCache.put(icon_URL, new SoftReference<Drawable>(   
  35.                                 curr_icon));   
  36.                     }   
  37.                     curr_item.put(Constant.NEWS_ICON, curr_icon);   
  38.                     // UI交给handler更新   
  39.                     Message msg = _viewHandler.obtainMessage();   
  40.                     msg.arg1 = Constant.MSG_LIST_IMG_OK;   
  41.                     msg.sendToTarget();   
  42.                 } catch (Exception e) {   
  43.                     throw new RuntimeException(e);   
  44.                 }   
  45.             }   
  46.         });   
  47.     }  

 

 

Java代码 复制代码 收藏代码
  1. handler代码:  
Java代码 复制代码 收藏代码
  1. Handler _viewHandler = new Handler() {  
Java代码 复制代码 收藏代码
  1. @Override  
  2.     public void handleMessage(Message msg) {   
  3.         switch (msg.arg1) {   
  4.         case Constant.MSG_LIST_IMG_OK:   
  5.             // 更新UI   
  6.             adapter.notifyDataSetChanged();   
  7.             break;   
  8.         }   
  9.         super.handleMessage(msg);   
  10.     }   
  11. };  

 上个图吧:


Android Listview 加载图片优化--本地加载大量图片,解决滑动卡顿现象(滑动停止加载图片)

关于ListView异步加载图片有很多方式,此篇文章讲讲本地加载大量图片时出现的卡顿现象怎么优化; 应当坚持这么一条原则:把用户的体验放在第一位,用户能看到的,触摸到的始终放在第一时间解决 ...
  • linux_Mary_me
  • linux_Mary_me
  • 2014年05月21日 11:47
  • 2285

android listview 滑动卡顿问题解决

之前在使用listview进行每次通知一来,根据判断是否有这个标志,就更新listview所绑定的数据源,通知更新priceAd.notifyDataSetChanged();,也用了网上的建议使用v...
  • omayyouhappy
  • omayyouhappy
  • 2016年04月20日 10:27
  • 3380

滚动RecyclerView加载图片时的流畅度优化

在RecyclerView列表滚动时,如果item中需要网络加载的图片资源过多或过大,会造成掉帧卡顿的问题,用户体验不是很好,尤其是在滚动非常快的情况下。研究QQ聊天列表时发现,在滑动过程中,用户头像...
  • ysy950803
  • ysy950803
  • 2017年05月13日 23:07
  • 1980

【BUG解决】Android ListView只加载当前屏幕内的图片(解决list滑动时加载卡顿)

最近在做ListView分页显示,其中包括图片 和文字(先下载解析文字内容,再异步加载图片)发现每次点击下一页后,文字内容加载完毕,马上向下滑动,由于这时后台在用线程池异步下载图片,我每页有20条,也...
  • rongwenbin
  • rongwenbin
  • 2014年10月05日 15:17
  • 405

listview深度嵌套界面卡顿问题解读

listview深度嵌套界面卡顿问题解读
  • meijuanyou
  • meijuanyou
  • 2016年11月21日 20:13
  • 2301

ListView和GridView列表滑动卡顿问题的优化方法汇总

ListView和GridView列表在滑动时出现卡顿现象困扰了很多开发者,下面我们来总结一下优化方案: 1. 使用ViewHolder在adapter的getView方法中对convertView...
  • whsdu929
  • whsdu929
  • 2016年09月28日 14:53
  • 3460

Android ListView只加载当前屏幕内的图片(解决list滑动时加载卡顿)

最近在做ListView分页显示,其中包括图片 和文字(先下载解析文字内容,再异步加载图片)发现每次点击下一页后,文字内容加载完毕,马上向下滑动,由于这时后台在用线程池异步下载图片,我每页有20条,也...
  • u012075083
  • u012075083
  • 2015年11月26日 20:54
  • 208

Android ListView只加载当前屏幕内的图片(解决list滑动时加载卡顿)

转载内容,没有源码dome            最近在做ListView分页显示,其中包括图片 和文字(先下载解析文字内容,再异步加载图片)发现每次点击下一页后,文字内容加载完毕,马上向下滑动,由...
  • A189lin
  • A189lin
  • 2013年07月16日 16:49
  • 642

universal image loader在listview/gridview中滚动时禁止加载图片的处理

在listview/gridview中使用UIL来display每个item的图片,当图片数量较多需要滑动滚动时会出现卡顿,而且加载过的图片再次上翻后依然会重复加载(显示设置好的加载中图片) 最...
  • u014527619
  • u014527619
  • 2015年09月21日 10:39
  • 729

iOS开发使用tableView从服务器加载图片时的卡顿现象解决方案

新手做开发的时候一般都会遇到使用tableView从网上加载图片并显示图文的时候会有卡顿现象,而这种卡顿现象也是因为多种原因造成的。一般可以分为两种:一种是由于网上加载图片需要动态定义cell的高度(...
  • u014640208
  • u014640208
  • 2016年01月03日 22:03
  • 2060
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android ListView只加载当前屏幕内的图片(解决list滑动时加载卡顿)
举报原因:
原因补充:

(最多只允许输入30个字)