listview 异步加载 网络图片

listview 异步加载 网络图片_第1张图片


为了解决下载图片 有的有,有的没有,造成图片重复 错乱 的问题


网上找了一张图, 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 的图片是一样的,

因为它们指向的是同一块内存。


我做的是 将viewHolder中的ImageView设置tag.然后判断tag和 当前position的是否相同.

1.设置tag

if (convertView == null) {
            viewHolder = new ViewHolder();
            convertView = View.inflate(context, R.layout.list_item_goods, null);
            viewHolder.iv_pic = (ImageView) convertView.findViewById(R.id.iv_goods_pic);
            viewHolder.tv_name = (TextView) convertView.findViewById(R.id.tv_goods_name);
            viewHolder.tv_price = (TextView) convertView.findViewById(R.id.tv_goods_price);
            viewHolder.tv_goods_cash = (TextView) convertView.findViewById(R.id.tv_goods_cash);
            convertView.setTag(viewHolder);
           

        } else {
            viewHolder = (ViewHolder) convertView.getTag();
         
        }
       
        viewHolder.iv_pic.setTag(brandItemInfo.list_ima);
2.检查tag


if (viewHolder.iv_pic.getTag() != null && viewHolder.iv_pic.getTag().equals(goodsList.get(position).list_ima)) {
        
            imageListener = ImageLoader.getImageListener(viewHolder.iv_pic, R.mipmap.iv_loading, R.mipmap.iv_loading);
            String listImg = goodsList.get(position).list_ima;
          
            VolleyUtils.getInstance().getImageLoader().get(listImg, imageListener);

        } else {
            viewHolder.iv_pic.setImageResource(R.mipmap.iv_loading);
        }

一定要给没有图片的imageview放上图片~


你可能感兴趣的:(ListView,Volley,网络图片)