开发文章

安卓ListView复用和优化详解

前言

我们每一个Android开发人员对ListView的使用肯定是很熟悉的,然而多少人能真正的懂ListView的缓存机制呢,说白了就是ListView为了提高效率,而内部实现的一种优化,牺牲一点内存。而这种优化就需要复用ItemView(也就是item对应的View).那么下面楼主来对ListView和RecyclerView的item复用问题做一个深入的讲解

先来一张大家学习的时候都遇到过的图

遇到过的图.png

看不懂也没啥事,可以接着往下看,先有一个直观的认识

首先来解答几个问题

1.ListView为什么会存在Item复用问题

答:ListView内部为了优化而建立的复用机制,在下面方法中第二个参数就是ListView传递给你,让你进行复用的View.如果你不想复用listview传递给你的View,那你每次都需要创建一个新的View进行返回,这样子是肯定不会出现复用问题的,但是性能却是很消耗的。

复制内容到剪贴板
  1. public View getView(int posion, View itemView, ViewGroup viewGroup)   
  2. {  
  3.     return null;  
  4. }  

2.为什么上述的getView方法中第二个参数有时候为null呢

因为ListView默认缓存一页的View,什么叫一页,也就是你当前listview界面上有几个Item可以显示,listview就缓存几个.
当现实第一页的时候,由于没有一个Item被创建,所以第一页的Item的getView方法中的第二个参数都是为null的
假如listview只能最多显示8条记录,则第一页显示的时候listview内部缓存了这8个itemView.当第九条记录出现在视野中的时候,listview就会在调用getView方法的时候在第二个参数处传入之前用过的itemView。

3.为什么需要ViewHolder呢?这个又是干嘛的

为什么需要 上述我们谈到itemView的复用是为了性能,那么ViewHolder同样也是为了提高性能.我们都知道我们要显示列表数据.就要在getView方法中拿到对应下标的数据然后对itemView中的控件进行设值,所以我们需要用到findViewById(int id)方法来找到控件,并且强转成我们想要的类型之后,然后设置数据,而findViewById(int id)方法在列表滚动的时候频繁调用getView方法的时候也是一个比较消耗性能的操作.所以ViewHolder来了

ViewHolder是干嘛的 为了在列表滚动的时候,频繁调用getView方法的时候尽量提高性能.我们可以使用一个普通类,这个类通常就起名字为ViewHolder了,当创建itemView的时候,我们也把里面要用到的控件也找到,然后放在ViewHolder类中,然后再通过itemView.setTag(Object ob)方法实现一个itemView和一个ViewHolder进行绑定.
经过上述的操作,如果在getView方法中传入了复用的itemView,那么我们可以毫不客气地从里面拿出这个itemView对应的ViewHolder,从而避免了去调用多个findViewById(int id)去找到控件并设值.因为之前你把找到的控件都放在了ViewHolder中

扩展 如果你的itemView中只有一个控件需要显示,那么ViewHolder就不需要了,你可以直接把这个控件和itemView进行关联,也就是你需要深刻理解ViewHolder的作用,它是为了把你找到的多个控件和itemView关联。所以当你只有一个控件的时候,这个ViewHolder就不需要啦
itemView.setTag(Object ob)方法直接把这个控件设置上去就可以啦,复用的时候直接拿出来

那么主要的问题解答完了,总得写点代码来让大家更深刻的体会一下.
博主几乎会重现我们开发中的常见问题,来对应的讲解

getView方法在什么时候调用

回答:在每一个item从不可见变为可见的时候

动手实践

实现一个简单的列表,使用ListView控件,并且Item中有复选框

Activity的xml文件

复制内容到剪贴板
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:tools="http://schemas.android.com/tools"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     tools:context="com.xiaojinzi.listdemo.MainActivity">  
  7.   
  8.     <ListView  
  9.         android:id="@+id/lv"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="match_parent" />  
  12.   
  13. </RelativeLayout>  

 

就是一个列表控件

ListView的Item的xml

复制内容到剪贴板
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="wrap_content"  
  5.     android:gravity="center_vertical"  
  6.     android:padding="4dp"  
  7.     android:orientation="horizontal">  
  8.     <TextView  
  9.         android:id="@+id/tv"  
  10.         android:layout_width="wrap_content"  
  11.         android:layout_height="wrap_content"  
  12.         android:layout_marginLeft="30dp"  
  13.         android:textSize="18sp"  
  14.         android:text="hello" />  
  15.     <CheckBox  
  16.         android:id="@+id/cb"  
  17.         android:layout_width="wrap_content"  
  18.         android:layout_height="wrap_content"  
  19.         android:layout_marginLeft="30dp" />  
  20. </LinearLayout>  

ListView的适配器

复制内容到剪贴板
  1. public class ListViewAdapter extends BaseAdapter {  
  2.   
  3.     private List<String> listViewData;  
  4.   
  5.     private Context mContext;  
  6.   
  7.     public ListViewAdapter(List<String> listViewData, Context mContext) {  
  8.         this.listViewData = listViewData;  
  9.         this.mContext = mContext;  
  10.     }  
  11.   
  12.     @Override  
  13.     public int getCount() {  
  14.         return listViewData.size();  
  15.     }  
  16.   
  17.     @Override  
  18.     public Object getItem(int i) {  
  19.         return listViewData.get(i);  
  20.     }  
  21.   
  22.     @Override  
  23.     public long getItemId(int i) {  
  24.         return i;  
  25.     }  
  26.   
  27.     @Override  
  28.     public View getView(int i, View view, ViewGroup viewGroup) {  
  29.   
  30.         View item = View.inflate(mContext, R.layout.listview_item, null);  
  31.   
  32.         return item;  
  33.     }  
  34.   
  35. }  

 

这代码非常简单,不再啰嗦

Activity代码

复制内容到剪贴板
  1. public class MainActivity extends AppCompatActivity {  
  2.   
  3.     private ListView lv;  
  4.   
  5.     private BaseAdapter listViewAdapter;  
  6.   
  7.     private List<String> listViewData = new ArrayList<String>();  
  8.   
  9.     @Override  
  10.     protected void onCreate(Bundle savedInstanceState) {  
  11.         super.onCreate(savedInstanceState);  
  12.         setContentView(R.layout.activity_main);  
  13.   
  14.         for (int i = 0; i < 50; i++) {  
  15.             listViewData.add("text" + i);  
  16.         }  
  17.   
  18.         lv = (ListView) findViewById(R.id.lv);  
  19.   
  20.         listViewAdapter = new ListViewAdapter(listViewData, this);  
  21.   
  22.         lv.setAdapter(listViewAdapter);  
  23.   
  24.     }  
  25.   
  26. }  

代码贴完了,都是非常的简单,先看下运行效果

非常的简单.gif

这里很需要你们关注的是我们的适配器中的getView中的代码

复制内容到剪贴板
  1. public View getView(int i, View view, ViewGroup viewGroup) {  
  2.         View item = View.inflate(mContext, R.layout.listview_item, null);  
  3.         return item;  
  4. }  

 

我们上面说过了方法中第二个参数是ListView会传的itemView,提高效率用的,而这里博主先不用,每次调用getView都会创建一个新的View然后返回

实现一个小目标,嗯:奇数的Item中的复选框要被选中

那么很容易,只需要这样子

复制内容到剪贴板
  1. public View getView(int position, View view, ViewGroup viewGroup) {  
  2.        View item = View.inflate(mContext, R.layout.listview_item, null);  
  3.   
  4.        //找到文本框  
  5.        TextView tv = (TextView) item.findViewById(R.id.tv);  
  6.        //设置文本内容  
  7.        tv.setText(listViewData.get(position));  
  8.   
  9.        //找到复选框  
  10.        CheckBox cb = (CheckBox) item.findViewById(R.id.cb);  
  11.   
  12.        if(position % 2 != 0){ //如果是奇数  
  13.            cb.setChecked(true);  
  14.        }  
  15.   
  16.        return item;  
  17.    }  

代码也很简单,就是找到了创建的布局item中的文本控件和复选框,然后设置相应的内容

看效果

看效果.gif

我们可以看到,功能实现了,而且没有出现任何问题,比如常见的复用问题,嗯

喂喂喂,我们没复用回传的View,哪里来的复用问题啊,哈哈哈,所以我们的列表是肯定没有任何问题的,因为根本没有复用,性能是最差的一种写法

实现一个小目标,复用Item,嗯

复制内容到剪贴板
  1. public View getView(int position, View view, ViewGroup viewGroup) {  
  2.   
  3.         View item = null;  
  4.   
  5.         if (view == null) {  
  6.             item = View.inflate(mContext, R.layout.listview_item, null);  
  7.         }else{  
  8.             item = view;  
  9.         }  
  10.   
  11.         //找到文本框  
  12.         TextView tv = (TextView) item.findViewById(R.id.tv);  
  13.         //设置文本内容  
  14.         tv.setText(listViewData.get(position));  
  15.   
  16.         //找到复选框  
  17.         CheckBox cb = (CheckBox) item.findViewById(R.id.cb);  
  18.   
  19.         if(position % 2 == 0){ //如果是奇数  
  20.             cb.setChecked(true);  
  21.         }  
  22.   
  23.         return item;  
  24.     }  

 

这段代码改动的地方就是方法最开始,判断了一下回传给我的view是不是为null,为null的情况博文最开始已经讲过了
如果为null就创建一个新的,如果不是就直接赋值给item,达到条目的复用!

那我们看看效果呗!

我们看看效果呗.gif

请大声的告诉我,发生了什么?复用问题

没错,复用问题出现了,博主给大家重现了错误
那么这里是怎么引起的呢?
只有知道其中的原理,你解决问题才能快准狠!

首先我先帮大家统计一下创建Item的次数

创建Item的次数.png

可以看到,我用一个变量记录创建的次数,我重新运行

变量记录.gif

从App运行到滑动来滑动去,我们可以看见,最开始创建了16次,然后随着滑动多来了一次,你可以使用截图定格一下动图,你会发现这个列表最多显示17条记录(当然了你的界面是多少个和我这个界面是不同的,反正就是界面能显示的Item最多个数),所以证明了上面的一个观点,ListView默认缓存一个界面的Item个数

原理
所以当我们复用ListView回传的View的时候,这个View是被之前使用过的,也就是说给你的这个View保存了之前用过的状态
这里的情况就是给你的view刚好是之前复选框被选中的那个View,所以就造成复用啦

解决方法

对产生问题的控件进行初始化,初始化时什么意思呢?
意思就是说,把出问题的控件,状态还原一下

看代码!

状态还原.png

别看了,就是框框里面的一句话,是不是感觉很简单呀,如果你知晓原理,为什么这样子就没有了复用的问题呢?
因为如果给你的View里面的复选框是被选中的,这里你对他还原了呀,所以就ok啦

使用ViewHolder

上面我们也说了ViewHolder的作用和使用的必要性,那么博主直接来用一下吧

由于getView内部稍微改动有点大,我贴上Adapter中的代码

复制内容到剪贴板
  1. public class ListViewAdapter extends BaseAdapter {  
  2.   
  3.     private List<String> listViewData;  
  4.   
  5.     private Context mContext;  
  6.   
  7.     public ListViewAdapter(List<String> listViewData, Context mContext) {  
  8.         this.listViewData = listViewData;  
  9.         this.mContext = mContext;  
  10.     }  
  11.   
  12.     @Override  
  13.     public int getCount() {  
  14.         return listViewData.size();  
  15.     }  
  16.   
  17.     @Override  
  18.     public Object getItem(int i) {  
  19.         return listViewData.get(i);  
  20.     }  
  21.   
  22.     @Override  
  23.     public long getItemId(int i) {  
  24.         return i;  
  25.     }  
  26.   
  27.     @Override  
  28.     public View getView(int position, View view, ViewGroup viewGroup) {  
  29.   
  30.         //Item对应的试图  
  31.         View item = null;  
  32.   
  33.         ViewHolder vh = null;  
  34.   
  35.         if (view == null) {  
  36.             item = View.inflate(mContext, R.layout.listview_item, null);  
  37.             vh = new ViewHolder();  
  38.             //找到文本框  
  39.             vh.tv = (TextView) item.findViewById(R.id.tv);  
  40.             //找到复选框  
  41.             vh.cb = (CheckBox) item.findViewById(R.id.cb);  
  42.             //让item和ViewHolder绑定在一起  
  43.             item.setTag(vh);  
  44.         } else {  
  45.             //复用ListView给的View  
  46.             item = view;  
  47.             //拿出ViewHolder  
  48.             vh = (ViewHolder) item.getTag();  
  49.         }  
  50.   
  51.         //设置文本内容  
  52.         vh.tv.setText(listViewData.get(position));  
  53.   
  54.         //还原状态  
  55.         vh.cb.setChecked(false);  
  56.   
  57.         if (position % 2 == 0) { //如果是奇数  
  58.             vh.cb.setChecked(true);  
  59.         }  
  60.   
  61.         return item;  
  62.     }  
  63.   
  64.     /** 
  65.      * 用于存放一个ItemView中的控件,由于这里只有两个控件,那么声明两个控件即可 
  66.      */  
  67.     class ViewHolder {  
  68.         TextView tv;  
  69.         CheckBox cb;  
  70.     }  
  71.   
  72. }  

1.如果复用的View为null,我们需要创建一个新的item,同时也创建了一个ViewHolder,然后把条目视图中的控件通过findViewById方法寻找到
ViewHolder中,然后我们说了需要和条目视图进行绑定,所以调用了setTag方法

2.而另一边,如果复用的View不是为null,那么直接拿过来用,并且从里面拿出ViewHolder,因为每一个复用的ViewHolder肯定是经过1处创建并且返回的

到这里为止,一个完成的列表的展示和优化已经完成啦,并且中间讲述了复用问题是如何产生的,如何解决!

未完待续,下面会讲述,
ListView多布局展示是个什么原理,
需要注意什么

demo下载

上述的代码我放在这里,传送门:

http://download.csdn.net/detail/u011692041/9678147

做一家受人尊敬的企业,做一位受人尊敬的老师-动脑学院

 

感谢 陈旭金-小金子 支持 磐实编程网 原文地址:
blog.csdn.net/u011692041/article/details/53099584

文章信息

发布时间:2016-11-11

作者:陈旭金-小金子

发布者:aquwcw

浏览次数: