为什么
先说为什么有照片反弹。
使用convertView对ListView的每一个item优化,item的复用能够有效减少内存的占用。使ListView滑动更为流畅。
但会带来一个问题,当最顶部的item滑出屏幕时。会变成下一个从底部将要滑进来的item。每次滑进来的item都要去请求网络获得图片。
第一个item滑出去时,是带着图片的。
其ImageView指向了一块内存。当其慢慢滑出,从底部慢慢滑进时,底部的item与顶部(仅仅有一半在屏幕里能看到了)的还是指向
同一块内存。载入的了同一张图片。
可是底部的item仅仅要一滑进来,就開始请求网络,要获取图片了。当底部item获取图片成功会将原有的图片覆盖。
当每一个item都是这种运行逻辑。整个item就会变得非常乱,图片乱闪。
怎样解决
解决问题有两个思路:
一个是为在item复用时,检查ImageView上是否为空,假设不为空(有图片)。则
viewHolder.imageview.setVisiable(View.GONE);
然后这个item会继续运行请求网络图片,当请求下来的图片不为空(请求成功,而且设置成功),此时在viewHolder.imageview.setVisiable(View.VISIABLE);
以下是另外一种思路的具体过程。
具体过程
布局文件:仅仅有一个ListView
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"> <ListView android:id="@+id/lv" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </RelativeLayout>
ListView每一个item布局
<? xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <ImageView android:id="@+id/item_iv" android:layout_width="100dp" android:layout_height="100dp" android:layout_gravity="center_horizontal" android:src="@drawable/ic_launcher"/> </LinearLayout>
重点来了。MyAdapter中getView()方法,有两个重点。
public MyAdapter(Context context,List<Info> data){ this.context = context; this.data = data; } @Override public View getView(int position, View convertView, final ViewGroup parent) { final ViewHolder holder; if(convertView ==null){ ... }else{ ... } //获得集合中实体类对象 final Info info = data.get(position); //获得图片网址 final String img = info.getImgUrl(); <span style="color:#ff0000;">//重点1,为每一个ImageView设置一个tag。值为图片网址(保证tag的唯一性)。 </span> holder.iv.setTag(info.getImgUrl()); ... Bitmap bitmap =/*网络请求来的bitmap*/ <span style="color:#ff0000;">//重点2。获得tag的值。与该item中缩放图片的网址进行比較</span> String tag = (String) holder.iv.getTag(); <span style="color:#ff0000;">//假设这个imageview的值,和他应该放的图片的地址值一样,说明这个图片是属于这个ImageView的。能够载入。 </span> if(tag!=null&&tag.equals(info.getImg())){ iv.setImageBitmap(bitmap); } return convertView; } class ViewHolder{ TextView tv; ImageView iv; }
转载请注明出处:http://blog.csdn.net/bless2015/article/details/46445325
版权声明:本文博主原创文章,博客,未经同意不得转载。
时间: 2024-10-15 11:59:56