关于ListView中异步加载图片时，图片显示错误的问题

关于ListView的优化网上有不是的文件介绍，比如：

http://shazhuzhu1.iteye.com/blog/985911

 

也就是使用缓存convertView的形式，避免重新findViewById的时间开销。

 

这个地方有一种很常见的情况未说明：

当被缓存的convertView里面包含ImageView并且图片数据又是从网上获取的时候，就会出现ListView中某个和多个位置的图片不断变换的问题。

 

原因是被缓存的convertView并不只是缓存了View的结构，而是把上个View全部内容都缓存了包括图片。这就造成每次都先显示已经出现的图片，然后才被替换为正确的图片。

 

而图片的不停变换的问题则是如下代码的原因：

		asyncImageLoader.loadDrawable(stringList.get(position).get()[1], new AsyncImageLoader.ImageCallback() {
			@Override
			public void imageLoaded(Drawable imageDrawable, String imageUrl) {
				if(imageDrawable != null){
					imageView.setImageDrawable(imageDrawable);
				}
			}
		});

 

这是一段异步加载图片的代码。

当ListView被快速滑动时，因为缓存了convertView所以如果有N此调用这个异步加载图片的方法，则此convertView的图片就会被设置N次。

当最后一次显示convertView时，其当前显示的图片则根据前几次异步加载的图片进行显示，优先加载完成的图片被优先显示。

 

解决方法：

1.不使用缓存的convertView，每次都重新inflate一个新的

2.不使用XML通过代码自己构造convertView，避免掉配置文件的解析时间

评论

3 楼 fyc0109 2013-03-07  

那就是说两种方法原理都是一样的,只不过第二种是第一种的优化.我总觉得还是不是太好!

2 楼 酷的飞上天空 2012-05-25  

changliangno1 写道

勉强接受第二种做法，而且是只new imageview，然后再添加到itemView中去。

我自己的做法是自定义imageView再其中添加刷新drawable的方法

可以使用给缓存的view设置tag的方式解决
参考http://314858770.iteye.com/blog/1442272

1 楼 changliangno1 2012-05-22  

勉强接受第二种做法，而且是只new imageview，然后再添加到itemView中去。

我自己的做法是自定义imageView再其中添加刷新drawable的方法