在面试的时候经常会被问到一个有关ListView的问题：一个ListView的高度最多可以显示5个item，但是却有20条数据要显示，问最多会有多少个convertView会被复用？或者如在ListView的Adapter中，在以Google推荐的方式进行view的复用时，convertView为null时要对convertView进行新建，那么新建的convertView最多会有多少个？或者convertView为null的情况下最多的个数是多少？
对这个问题的原理酝酿了好久，今天终于有时间对其进行验证。写了个测试用的Demo，用于分析两种情况下null的convertView的个数：单一种类item和多种类item。
首先对最简单、最常见的情况进行验证：单一种类item。
首先建了一个测试工程：LVItemCountTest。里面只有一个Activity---MainActivity。
其中的布局文件非常简单，activity_main.xml，详情如下：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.lvitemcounttest.MainActivity"
tools:ignore="MergeRootFrame" > <TextView
android:layout_width="fill_parent"
android:layout_height="20dp"
android:text="ListView Item convertView test" /> <ListView
android:id="@+id/listview"
android:layout_width="fill_parent"
android:layout_height="300dp" >
</ListView> </LinearLayout>
我将其中ListView的高度设置为“300dp”，是为了测试的便利性考虑的。
其中的单一item的布局文件名字为listview_item_layout_1.xml，详情如下：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" > <TextView
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#b4917d"
android:gravity="center"
android:text="AA"
android:textColor="#009933"
android:textSize="20sp" /> </LinearLayout>
同时也是为了验证测试方便的缘故，将其中的TextView的高度设置为“50dp”，背景设置为“#b4917d”，字体颜色设置为“#009933”，而字体的大小设置为“20sp”。
然后通过继承BaseAdapter新建了一个Adapter类为SingleTypeItemAdapter，代码详情如下：
private static class SingleTypeItemAdapter extends BaseAdapter {
private Context context;
private List<String> list;
public SingleTypeItemAdapter(Context context, List<String> list) {
// TODO Auto-generated constructor stub
this.context = context;
this.list = list;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return list.size();
}
@Override
public String getItem(int position) {
// TODO Auto-generated method stub
return list.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
ViewHolder1 contentHolder = null;
if (convertView == null) {
Log.i("Null ConvertView", position + "");
convertView = LayoutInflater.from(context).inflate(
R.layout.listview_item_layout_1, null);
contentHolder = new ViewHolder1();
contentHolder.content = (TextView) convertView
.findViewById(R.id.content);
convertView.setTag(contentHolder);
} else {
contentHolder = (ViewHolder1) convertView.getTag();
}
contentHolder.content
.setText(list.get(position) + "---" + position);
return convertView;
}
private static class ViewHolder1 {
TextView content;
}
}
其中的代码块
- Log.i("Null ConvertView", position + "");
是为了在LogCat中查看测试结果。
同时，为了方便地在LogCat中查看测试的记录，新建了一个Log Filter，名字为LVItemCountTest，其中的“By Log Cat”的值设置为“Null ConvertView”。
然后通过设置给布局中的listview，应用刚打开时，其中的效果为：
从中可以看到，此时listview中显示了6个item，符合300dp/50dp=6的计算。同时LogCat中显示如下的记录：
10-08 15:39:25.711: I/Null ConvertView(30721): 0 10-08 15:39:25.721: I/Null ConvertView(30721): 1 10-08 15:39:25.721: I/Null ConvertView(30721): 2 10-08 15:39:25.731: I/Null ConvertView(30721): 3 10-08 15:39:25.741: I/Null ConvertView(30721): 4 10-08 15:39:25.751: I/Null ConvertView(30721): 5
记录显示跟我们的预计相符。
此时一定要注意的是：因为listview的高度恰好显示了6条item，而没有出现有顶部的item显示一半，同时底部也只显示item的一半的情况。如果出现了这种情况，记录会出现什么呢？
好的，我们轻轻地将listview下滑，下滑的距离不超过一个item的高度，效果图如下：
然后查看Logcat，显示如下：
10-08 15:39:25.711: I/Null ConvertView(30721): 0 10-08 15:39:25.721: I/Null ConvertView(30721): 1 10-08 15:39:25.721: I/Null ConvertView(30721): 2 10-08 15:39:25.731: I/Null ConvertView(30721): 3 10-08 15:39:25.741: I/Null ConvertView(30721): 4 10-08 15:39:25.751: I/Null ConvertView(30721): 5 10-08 15:39:29.631: I/Null ConvertView(30721): 6
对，就是又打印出了一条记录！并且，此后无论如何滑动listview，缓慢滑动也好，快速滑到底或者滑到顶也好，记录不会再次发生变化，这说明这个listview总共生成了7个convertView！
好的，总结一下：因为listview高度为300dp，而一个item的高度为50dp，所以，在刚显示的时候恰好显示了6条记录，而在滑动的过程中，因为出现了顶部和底部同时显示不完整的item，此时屏幕中最多出现了7个item。此后，所有的7个item的convertView可以进行复用了，就不再新建convertView。
那么好，当listview可以显示多种item的时候，情况又是怎么样的呢？
同样是出于方便测试的原因，我们再次新建了一个与之前item的布局高度相同的新的布局，来模拟另外一种item显示效果，同时，只设置了两种item布局(因为多种布局的时候，原理是跟两种布局的原理一致的)。
新的item布局为listview_item_layout_2.xml，详情为：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" > <TextView
android:id="@+id/title"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#d0db96"
android:gravity="left|center_vertical"
android:text="BB"
android:textColor="#990033"
android:textSize="25sp" /> </LinearLayout>
为了与之前的item布局相区分，将其中的TextView的高度设置为“50dp”，背景设置为“#d0db96”，字体颜色设置为“#990033”，而字体的大小设置为“25sp”。
然后，新建了一个BaseAdapter，名字为MultiTypeItemAdapter，代码细节如下：
private static class MultiTypeItemAdapter extends BaseAdapter {
private Context context;
private List<String> list;
private static final int TYPE_TITLE = 0x000;
private static final int TYPE_CONTENT = 0x001;
private static final int TYPE_COUNT = 2;
public MultiTypeItemAdapter(Context context, List<String> list) {
// TODO Auto-generated constructor stub
this.context = context;
this.list = list;
}
@Override
public int getItemViewType(int position) {
// TODO Auto-generated method stub
if (position % 5 == 0) {
return TYPE_TITLE;
} else {
return TYPE_CONTENT;
}
}
@Override
public int getViewTypeCount() {
// TODO Auto-generated method stub
return TYPE_COUNT;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return list.size();
}
@Override
public String getItem(int position) {
// TODO Auto-generated method stub
return list.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
ViewHolder1 contentHolder = null;
ViewHolder2 titleHolder = null;
switch (getItemViewType(position)) {
case TYPE_TITLE:
if (convertView == null) {
Log.i("Null ConvertView", position / 5 + "---Title");
convertView = LayoutInflater.from(context).inflate(
R.layout.listview_item_layout_2, null);
titleHolder = new ViewHolder2();
titleHolder.title = (TextView) convertView
.findViewById(R.id.title);
convertView.setTag(titleHolder);
} else {
titleHolder = (ViewHolder2) convertView.getTag();
}
break;
case TYPE_CONTENT:
if (convertView == null) {
Log.i("Null ConvertView", position / 5 + "---Title---"
+ position % 5 + "---Content");
convertView = LayoutInflater.from(context).inflate(
R.layout.listview_item_layout_1, null);
contentHolder = new ViewHolder1();
contentHolder.content = (TextView) convertView
.findViewById(R.id.content);
convertView.setTag(contentHolder);
} else {
contentHolder = (ViewHolder1) convertView.getTag();
}
break;
default:
break;
}
switch (getItemViewType(position)) {
case TYPE_TITLE:
titleHolder.title.setText(list.get(position) + "---" + position
/ 5);
break;
case TYPE_CONTENT:
contentHolder.content.setText(list.get(position) + "---"
+ position / 5 + "---" + position % 5);
break;
default:
break;
}
return convertView;
}
private static class ViewHolder1 {
TextView content;
}
private static class ViewHolder2 {
TextView title;
}
}
其中，需要注意的有：
- private static final int TYPE_TITLE = 0x000;//表示类别Title，从0开始。
- private static final int TYPE_CONTENT = 0x001;//表示类别Content，为1。
- private static final int TYPE_COUNT = 2;//表示类别的数目，本例中只安排了两种item布局效果。
特别注意：其中类别的int类型表示要从0开始，如果两种类别分别为1和2的话，会抛出IndexOutOfBoundException，显示“length is 2, index is 2”的异常信息。
同时，每隔4条content，显示一个title的布局。即
@Override
public int getItemViewType(int position) {
// TODO Auto-generated method stub
if (position % 5 == 0) {
return TYPE_TITLE;
} else {
return TYPE_CONTENT;
}
}
代码段的作用。
同时，有两个static的内部类ViewHolder1和ViewHolder2分别用来保存content和title的可复用TextView控件。然后通过在getView中通过getItemViewType(position)来对不同的布局进行分别处理。
通过将该Adapter设置给listview，运行，初始情况下的效果图显示如图：
此时，恰好显示了6个item，其中有2个title，4个content布局。此时的LogCat显示如下 ：
10-08 15:42:59.061: I/Null ConvertView(30928): 0---Title 10-08 15:42:59.061: I/Null ConvertView(30928): 0---Title---1---Content 10-08 15:42:59.061: I/Null ConvertView(30928): 0---Title---2---Content 10-08 15:42:59.071: I/Null ConvertView(30928): 0---Title---3---Content 10-08 15:42:59.071: I/Null ConvertView(30928): 0---Title---4---Content 10-08 15:42:59.071: I/Null ConvertView(30928): 1---Title
此时的记录结果跟所看到的效果是一致的。然后稍微向上滑动一下listview，达到如下图所示的效果：
此时，顶部的title并没有完全隐藏掉，而底部的content也没有完全显示出来。再看此时的log，显示如下 ：
10-08 15:42:59.061: I/Null ConvertView(30928): 0---Title 10-08 15:42:59.061: I/Null ConvertView(30928): 0---Title---1---Content 10-08 15:42:59.061: I/Null ConvertView(30928): 0---Title---2---Content 10-08 15:42:59.071: I/Null ConvertView(30928): 0---Title---3---Content 10-08 15:42:59.071: I/Null ConvertView(30928): 0---Title---4---Content 10-08 15:42:59.071: I/Null ConvertView(30928): 1---Title 10-08 15:44:13.891: I/Null ConvertView(30928): 1---Title---1---Content
是的，此时又新创建了一个content布局！然后继续向上滑动，达到如下的效果：
是的，此时第一个title布局已经完全隐藏，但是第一个content布局还没有完全隐藏，底部的content也还没有完全显示出来！再看此时的log，显示如下:
10-08 15:42:59.061: I/Null ConvertView(30928): 0---Title 10-08 15:42:59.061: I/Null ConvertView(30928): 0---Title---1---Content 10-08 15:42:59.061: I/Null ConvertView(30928): 0---Title---2---Content 10-08 15:42:59.071: I/Null ConvertView(30928): 0---Title---3---Content 10-08 15:42:59.071: I/Null ConvertView(30928): 0---Title---4---Content 10-08 15:42:59.071: I/Null ConvertView(30928): 1---Title 10-08 15:44:13.891: I/Null ConvertView(30928): 1---Title---1---Content 10-08 15:44:45.751: I/Null ConvertView(30928): 1---Title---2---Content
是的，没错，又新建了一个content布局！此后，无论再如何滑动listview，title布局和content布局都没有再生成新的convertView！因为，在初始状态下，两个title显示出来是该listview范围内最大数目的同时出现title布局，而在滑动的过程中content最大可同时出现数目为6个。
综述：
listview中通过recycler缓存已经生成的convertView来实现对item中不同的布局的复用。无论是单一类型，还是多种类型的item布局，其原理都是一样的，同一种布局在滑动的过程中，最多在listview的显示范围内能同时显示的最大数目，即为要生成的convertView的数目，其余就可以有足够数量的布局来进行复用了。在有多种不同布局的情况下，getView通过首先调用getItemViewType(position)来查找不同类型的布局的缓存。当然，是在正确覆盖adapter中关键方法的前提下，缓存都会正常的工作！