`

ListView滚动时加载图片(只加载当前屏幕图片)

 
阅读更多

http://topic.csdn.net/u/20110907/09/2920b97e-b217-41d6-92dc-429f9b6cb965.html


前些天写了一篇 关于

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

http://androidturing.iteye.com/blog/1210672

这几天测试时发现了些可以改进的地方。

之前的方法确实能很有效的解决 :listview加载下一页时 因为图片较多异步加载的卡顿问题。

但是,发现在用手拖动ListView的时候,滚动出的item中的图片是不加载的。

原因是在onScrollStateChanged方法中监听,只能监听滚动状态的改变(拖动时它只执行一次),而在用手一直拖动时,系统是不回调onScrollStateChanged方法的,其中加载图片的方法自然是不会执行的!

为了让拖动列表时显示出来的item也加载图片,所以我添加了setOnTouchListener监听,便可完美解决这个问题:

Java代码收藏代码
  1. /**
  2. *list触摸监听
  3. */
  4. _listView.setOnTouchListener(newOnTouchListener(){
  5. @Override
  6. publicbooleanonTouch(Viewv,MotionEventevent){
  7. //TODOAuto-generatedmethodstub
  8. if(event.getAction()==MotionEvent.ACTION_MOVE&&_scrollState!=OnScrollListener.SCROLL_STATE_FLING){
  9. //这里加入加载图片的方法和setOnScrollListener监听中的方法一样即可
  10. }
  11. returnfalse;
  12. }
  13. });
要注意的是

当你的onTouchListener返回true时,那么touch事件就被拦截了,代表你自己处理了。onListItemClick变不会执行!!

返回false的话,就不会影响。

参加:

http://androidturing.iteye.com/blog/1210672



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

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

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

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

Java代码收藏代码
  1. /**
  2. *list滚动监听
  3. */
  4. listView.setOnScrollListener(newOnScrollListener(){
  5. @Override
  6. publicvoidonScrollStateChanged(AbsListViewview,intscrollState){
  7. //TODOAuto-generatedmethodstub
  8. //异步加载图片
  9. if(scrollState==OnScrollListener.SCROLL_STATE_IDLE){//list停止滚动时加载图片
  10. pageImgLoad(_start_index,_end_index);
  11. }
  12. }
  13. @Override
  14. publicvoidonScroll(AbsListViewview,intfirstVisibleItem,
  15. intvisibleItemCount,inttotalItemCount){
  16. //TODOAuto-generatedmethodstub
  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. });
Java代码收藏代码
  1. /**
  2. *只加载fromstart_indextoend_index的图片
  3. *@paramstart_index
  4. *@paramend_index
  5. */
  6. privatevoidpageImgLoad(intstart_index,intend_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. *@paramcurr_item
  4. */
  5. privatevoidloadImage(finalHashMap<String,Object>curr_item){
  6. executorService.submit(newRunnable(){
  7. publicvoidrun(){
  8. try{
  9. Drawablecurr_icon=null;
  10. Stringicon_URL=(String)curr_item
  11. .get(Constant.NEWS_ICON_URL);
  12. StringnewsId=(String)curr_item.get(Constant.NEWS_ID);
  13. if(imageCache.containsKey(icon_URL)){//软引用
  14. SoftReference<Drawable>softReference=imageCache
  15. .get(icon_URL);
  16. curr_icon=softReference.get();
  17. System.out.println("CASEUSINGSoftReference!!!!!!!!!!!!!!!!!!!!");
  18. }
  19. if(curr_icon==null){
  20. HttpUtilshu=newHttpUtils();
  21. FileUtilsfu=newFileUtils();
  22. if(hu.is_Intent(Home_Activity.this)){
  23. fu.write2LocalFromIS(Home_Activity.this,newsId
  24. +Constant.SAVE_NEWS_ICON_NAME
  25. +Constant.SAVE_IMG_SUFFIX,
  26. hu.getISFromURL(icon_URL));
  27. }
  28. //从本地加载图片如果没网则直接加载本地图片
  29. curr_icon=fu.readDrawableFromLocal(
  30. Home_Activity.this,newsId
  31. +Constant.SAVE_NEWS_ICON_NAME
  32. +Constant.SAVE_IMG_SUFFIX);
  33. imageCache.put(icon_URL,newSoftReference<Drawable>(
  34. curr_icon));
  35. }
  36. curr_item.put(Constant.NEWS_ICON,curr_icon);
  37. //UI交给handler更新
  38. Messagemsg=_viewHandler.obtainMessage();
  39. msg.arg1=Constant.MSG_LIST_IMG_OK;
  40. msg.sendToTarget();
  41. }catch(Exceptione){
  42. thrownewRuntimeException(e);
  43. }
  44. }
  45. });
  46. }

Java代码收藏代码
  1. handler代码:
Java代码收藏代码
  1. Handler_viewHandler=newHandler(){
Java代码收藏代码
  1. @Override
  2. publicvoidhandleMessage(Messagemsg){
  3. switch(msg.arg1){
  4. caseConstant.MSG_LIST_IMG_OK:
  5. //更新UI
  6. adapter.notifyDataSetChanged();
  7. break;
  8. }
  9. super.handleMessage(msg);
  10. }
  11. };

上个图吧:



分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics