Android ListView异步加载图片错位、重复、闪烁分析以及解决方案

转自:http://blog.csdn.net/shineflowers/article/details/41744477

项目中listview使用volley加载网络图片,由于convertview的重用,导致异步加载图片会错位闪烁重复等,

所以解决方案是:holder.imageview.setImageBitmap(null);

                             holder.imageview.setTag(url);

然后在图片加载成功的onResponse中添加如下代码:

if(imageview.getTag().equals(url))

{

imageview.setImageResource(...).

}


过程:因为listview每次滑动,如果有新的item进入,就会调用一次getView,在获取到imageview之后,设为空白无图的,tag为当前显示的item的url,而且此时会调用加载图片的异步线程,而这个线程可能包括已经滑过的但是还没有结束的加载线程。

比如,listview一页显示10条item,即第一条的item对应第11条,对应第21条,1->11->21...,如果滑动过快,从1直接滑动到21,这一项复用item的imageview的tag依次是url1,url11,url21;由于当前要显示第21条数据,而第11条的数据也被加载了,如果第11条数据加载完成,但是由于此时图片地址(url11)不等于imageview的tag(url21),所以此时仍然显示为空白。当第21条数据加载完成时,符合要求,imageview设置图片为url21,解决了图片重复闪烁问题。


遗留的问题:项目中目前使用的是每次更新view都会去请求网络数据,没有缓存操作,还是要继续优化项目代码才好。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用 ListView 异步加载图片时,可以通过以下步骤实现: 1. 创建一个自定义的适配器(Adapter)类,继承自 BaseAdapter。这个适配器将负责管理数据和视图的绑定。 2. 在适配器中,创建一个内部类 ViewHolder,用于保存列表项中的视图引用。这个类将包含一个 ImageView 用于显示图片。 3. 在适配器的 getView 方法中,获取当前列表项的数据,并更新 ViewHolder 中的 ImageView。 4. 在更新 ImageView 时,可以使用异步加载图片的第三方库,如 Glide 或 Picasso。这些库提供了简单的接口来加载网络图片,并且处理了图片的缓存和压缩等问题。 下面是一个简单的示例代码: ```java public class CustomAdapter extends BaseAdapter { private List<String> imageUrlList; private Context context; public CustomAdapter(Context context, List<String> imageUrlList) { this.context = context; this.imageUrlList = imageUrlList; } @Override public int getCount() { return imageUrlList.size(); } @Override public Object getItem(int position) { return imageUrlList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder viewHolder; if (convertView == null) { convertView = LayoutInflater.from(context).inflate(R.layout.list_item, parent, false); viewHolder = new ViewHolder(); viewHolder.imageView = convertView.findViewById(R.id.image_view); convertView.setTag(viewHolder); } else { viewHolder = (ViewHolder) convertView.getTag(); } String imageUrl = imageUrlList.get(position); // 使用 Glide 异步加载图片 Glide.with(context) .load(imageUrl) .placeholder(R.drawable.placeholder_image) // 加载中显示的占位图 .error(R.drawable.error_image) // 加载失败显示的错误图 .into(viewHolder.imageView); return convertView; } static class ViewHolder { ImageView imageView; } } ``` 在上述示例代码中,CustomAdapter 是自定义的适配器类,其中的 getView 方法中使用了 Glide 来异步加载图片。你可以将 imageUrlList 替换为你自己的图片地址列表,并根据需要修改加载中和加载失败时显示的图片资源。同时,记得在布局文件中定义好 ImageView 的 id。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值