网上找了一张图, listview 异步加载图片之所以错位的根本原因是重用了 convertView 且有异步操作.
如果不重用 convertView 不会出现错位现象, 重用 convertView 但没有异步操作也不会有问题。
分析一下:
当重用 convertView 时,最初一屏显示 7 条记录, getView 被调用 7 次,创建了 7 个 convertView.
当 Item1 划出屏幕, Item8 进入屏幕时,这时没有为 Item8 创建新的 view 实例, Item8 复用的是
Item1 的 view 如果没有异步不会有任何问题,虽然 Item8 和 Item1 指向的是同一个 view,但滑到
Item8 时刷上了 Item8 的数据,这时 Item1 的数据和 Item8 是一样的,因为它们指向的是同一块内存,
但 Item1 已滚出了屏幕你看不见。当 Item1 再次可见时这块 view 又涮上了 Item1 的数据。
但当有异步下载时就有问题了,假设 Item1 的图片下载的比较慢,Item8 的图片下载的比较快,你滚上去
使 Item8 可见,这时 Item8 先显示它自己下载的图片没错,但等到 Item1 的图片也下载完时你发现
Item8 的图片也变成了 Item1 的图片(错位问题),因为它们复用的是同一个 view。 如果 Item1 的图片下载的比
Item8 的图片快, Item1 先刷上自己下载的图片,这时你滑下去,Item8 的图片还没下载完, Item8
会先显示 Item1 的图片(刷新问题),因为它们是同一快内存,当 Item8 自己的图片下载完后 Item8 的图片又刷成
了自己的,你再滑上去使 Item1 可见, Item1 的图片也会和 Item8 的图片是一样的,因为它们指向的是同一块内存。
-------------------上面是参考:http://www.cnblogs.com/lesliefang/p/3619223.html--------------------
解决这个问题有一个简单的方法:给 ImageView 设置一个 tag(Item的图片URL), 并预设一个图片。默认图保证Item8的正确图片加载之前不会
显示Item1的图片,解决刷新问题,ImageView设置tag之后,每次异步下载图片并给ImageView添加数据时,先根据下载URL
是否和tag(Item的图片URL)相同判断是否添加下载的图片,解决错位问题。
关键代码如下:
public static class ViewHolder {
ImageView picture;
}
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
if (convertView == null) {
holder = new ViewHolder();
convertView = inflater.inflate(R.layout.asset_hotmovie, null);
holder.picture = (ImageView) convertView.findViewById(R.id.picture);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
//动态设置界面
MovieBean move = (MovieBean) getItem(position);
<span style="white-space:pre"> </span>// 给 ImageView 设置一个 tag
// 通过 tag 来防止图片错位
<span style="white-space:pre"> </span>holder.picture.setTag(move.pictureUrl);
<span style="white-space:pre"> </span>// 预设一个图片,防止图片刷新
<span style="white-space:pre"> </span>holder.picture.setImageResource(R.drawable.empty);
mImageDownloader.download(move.pictureUrl, holder.picture,0);
return convertView;
}
代码中
mImageDownloader.download(move.pictureUrl, holder.picture,0);
用来异步下载图片,在该方法的处理下载完成的函数中加入if判断tag和url是否相同就可以解决图片错位问题。
代码如下:
private final class AsyncImageTask extends
AsyncTask<String, Integer, Bitmap> {
private ImageView imageView;
private int mRetryCount = 3;
private String url;
public AsyncImageTask(ImageView imageView) {
this.imageView = imageView;
}
@Override
protected Bitmap doInBackground(String... params) {
url= params[0];
try {
Bitmap bitmap = null;
while (mRetryCount > 0) {
--mRetryCount;
// bitmap = getBitmap(url);
bitmap = downloadBitmap(url);
if (bitmap != null) {
break;
}
}
return bitmap;
} catch (Exception e) {
e.printStackTrace();
}finally{
//mHttpClient.getConnectionManager().shutdown();
}
return null;
}
@Override
protected void onPostExecute(Bitmap bitmap) {
super.onPostExecute(bitmap);
// 完成图片的绑定
if (imageView != null && bitmap != null) {
<span style="color:#ff0000;">// 通过 tag 来防止图片错位</span>
if(imageView.getTag().equals(path)){
imageView.setImageBitmap(bitmap);
}
}
if(bitmap != null){
memoryCache.addBitmapToCache(path,bitmap);
}
}
}