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(new OnTouchListener() {
5. @Override
6. public boolean onTouch(View v, MotionEvent event) {
7. // TODO Auto-generated method stub
8. if(event.getAction() == MotionEvent.ACTION_MOVE&&_scrollState!=OnScrollListener.SCROLL_STATE_FLING){
9. //这里加入加载图片的方法 和setOnScrollListener监听中的方法一样即可
10. }
11. return false;
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(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. });

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);
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. };

上个图吧：