ListView异步加载网络图片之二

ListView异步加载网络图片之二

    上一篇文章中卖了一个关子，遗留下来两个bug，不知道有没有同学发现，或者已经解了，那么这一篇文章我将解决其中一个bug(呵呵继续卖。。。)
问题描述：当我们把列表向下滚动再向上滚动反复的操作，本来应该是iteye的logo和妮露（看死神的同学应该知道）交替显示的，但是悲剧却发生了，图片乱了。
问题产生的原因：由于listview中列表项的view是复用的，当后台返回图片，并执行onPostExecute方法中调用这一句mViewHolder.mImageView.setImageBitmap(result)的时候，他会影响到所有复用的item，而这个时候你的列表已经滚动了，所以你就看到图片显示不正常了。
问题解决方案：根据问题产生的原因，我们就不要在onPostExecute方法中去调用mViewHolder.mImageView.setImageBitmap(result)方法，那么我们应该在哪儿调用呢？这儿不调用，那么我们的imageview怎么知道图片已经下载好了呢？我们只需要调用adapter的notifyDataSetChanged()方法，他会触发getView方法的调用，而在getView方法中就直接去缓存中拿图片了（这样在屏幕可见范围的item都是正常的，不可见的无聊他显示神马我们都不用关心），所以在onPostExecute方法中我们只需要将下载好的图片放入缓存，并且通知adapter数据发生了变化。

class ImageLoadTask extends AsyncTask<Object, Void, Bitmap> {
		int position;

		@Override
		protected Bitmap doInBackground(Object... params) {
			String url = (String) params[0];
			position = (Integer) params[1];
			Bitmap drawable = ImageLoader.loadImage(url);// 获取网络图片
			return drawable;
		}
		@Override
		protected void onPostExecute(Bitmap result) {
			if (result == null) {
				return;
			}
			/**
			 * 由于列表项的view是复用的，所以所有复用的view的图片都会被改变
			 */
			//mViewHolder.mImageView.setImageBitmap(result);
			cacheImage(position, result);// 放入缓存
			/**
			 * 通知数据发生改变，会触发adapter的getView方法调用
			 * 将视图的更新统一到getView方法去调用，因为我们只需要关心屏幕内的内容
			 * 屏幕中看不到的内容我们是不需要去调用setImageBitmap这个方法的
			 */
			notifyDataSetChanged();
		}
	}

总结：说了这么多，我也不知道看这篇文章的同学能不能够看懂，这个问题还是挺绕的，我的文字表达能力很有限。如果不明白的可以单聊。当然这个bug是解决了，还有一个更严重的bug，可以直接让我们脆弱的demo崩掉，不信你试一试，预知详解，敬请关注下一期博客

评论

1 楼 gao4263 2013-04-21  

大量图片的缓存会造成内存的泄露的
private Bitmap[] images;        是不是应该用软应用