ListView 和 Adapter 的基础

工作原理:

  1. ListView 针对List中每个item,要求 adapter “给我一个视图” (getView)。
  2. 一个新的视图被返回并显示

如果我们有上亿个项目要显示怎么办?为每个项目创建一个新视图?NO!这不可能!

实际上Android为你缓存了视图。

Android中有个叫做Recycler的构件,下图是他的工作原理:

  1. 如果你有10亿个项目(item),其中只有可见的项目存在内存中,其他的在Recycler中。
  2. ListView先请求一个type1视图(getView)然后请求其他可见的项目。convertView在getView中是空(null)的。
  3. 当item1滚出屏幕,并且一个新的项目从屏幕低端上来时,ListView再请求一个type1视图。convertView此时不是空值了,它的值是item1。你只需设定新的数据然后返回convertView,不必重新创建一个视图。

请看下面的示例代码,这里在getView中使用了System.out进行输出

public class MultipleItemsList extends ListActivity {

    private MyCustomAdapter mAdapter;

    @Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mAdapter = new MyCustomAdapter();
for (int i = ; i < ; i++) {
mAdapter.addItem("item " + i);
}
setListAdapter(mAdapter);
} private class MyCustomAdapter extends BaseAdapter { private ArrayList mData = new ArrayList();
private LayoutInflater mInflater; public MyCustomAdapter() {
mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
} public void addItem(final String item) {
mData.add(item);
notifyDataSetChanged();
} @Override
public int getCount() {
return mData.size();
} @Override
public String getItem(int position) {
return mData.get(position);
} @Override
public long getItemId(int position) {
return position;
} @Override
public View getView(int position, View convertView, ViewGroup parent) {
System.out.println("getView " + position + " " + convertView);
ViewHolder holder = null;
if (convertView == null) {
convertView = mInflater.inflate(R.layout.item1, null);
holder = new ViewHolder();
holder.textView = (TextView)convertView.findViewById(R.id.text);
convertView.setTag(holder);
} else {
holder = (ViewHolder)convertView.getTag();
}
holder.textView.setText(mData.get(position));
return convertView;
} } public static class ViewHolder {
public TextView textView;
}
}

执行程序,然后在Logcat中查看日志

getView 被调用 9 次 ,convertView 对于所有的可见项目是空值(如下)

- ::32.559:
INFO/System.out():
getView null
- ::32.570:
INFO/System.out():
getView null
- ::32.589:
INFO/System.out():
getView null
- ::32.599:
INFO/System.out():
getView null
- ::32.619:
INFO/System.out():
getView null
- ::32.629:
INFO/System.out():
getView null
- ::32.708:
INFO/System.out():
getView null
- ::32.719:
INFO/System.out():
getView null
- ::32.729:
INFO/System.out():
getView null

然后稍微向下滚动List,直到item10出现:

\

convertView仍然是空值,因为recycler中没有视图(item1的边缘仍然可见,在顶端)

- ::25.169:
INFO/System.out():
getView null

再滚动List

convertView不是空值了!item1离开屏幕到Recycler中去了,然后item11被创建

- ::42.879:
INFO/System.out():
getView android.widget.LinearLayout@437430f8

再滚动:

- ::31.069:
INFO/System.out():
getView android.widget.LinearLayout@437447d0
- ::31.142:
INFO/System.out():
getView android.widget.LinearLayout@43744ff8
- ::31.279:
INFO/System.out():
getView android.widget.LinearLayout@43743fa8
- ::31.350:
INFO/System.out():
getView android.widget.LinearLayout@
- ::31.429:
INFO/System.out():
getView android.widget.LinearLayout@
- ::31.550:
INFO/System.out():
getView android.widget.LinearLayout@
- ::31.669:
INFO/System.out():
getView android.widget.LinearLayout@
- ::31.839:
INFO/System.out():
getView android.widget.LinearLayout@437478c0
- ::30.900:
INFO/System.out():
getView android.widget.LinearLayout@43748df0
- ::32.069:
INFO/System.out():
getView android.widget.LinearLayout@437430f8

convertView 如我们所期待的非空了,在item11离开屏幕之后,它的视图(@437430f8)作为convertView容纳item21了

不同的项目布局(item layout)

我们再举一个稍微复杂的例子,在上例的list中加入一些分隔线

你需要做这些:

  1. 重(@Override)写 getViewTypeCount() – 返回你有多少个不同的布局
  2. 重写 getItemViewType(int) – 由position返回view type id
  3. 根据view item的类型,在getView中创建正确的convertView

以下是代码:

public class MultipleItemsList extends ListActivity {  

    private MyCustomAdapter mAdapter;  

    @Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mAdapter = new MyCustomAdapter();
for (int i = ; i < ; i++) {
mAdapter.addItem("item " + i);
if (i % == ) {
mAdapter.addSeparatorItem("separator " + i);
}
}
setListAdapter(mAdapter);
} private class MyCustomAdapter extends BaseAdapter { private static final int TYPE_ITEM = ;
private static final int TYPE_SEPARATOR = ;
private static final int TYPE_MAX_COUNT = TYPE_SEPARATOR + ; private ArrayList mData = new ArrayList();
private LayoutInflater mInflater; private TreeSet mSeparatorsSet = new TreeSet(); public MyCustomAdapter() {
mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
} public void addItem(final String item) {
mData.add(item);
notifyDataSetChanged();
} public void addSeparatorItem(final String item) {
mData.add(item);
// save separator position
mSeparatorsSet.add(mData.size() - );
notifyDataSetChanged();
} @Override
public int getItemViewType(int position) {
return mSeparatorsSet.contains(position) ? TYPE_SEPARATOR : TYPE_ITEM;
} @Override
public int getViewTypeCount() {
return TYPE_MAX_COUNT;
} @Override
public int getCount() {
return mData.size();
} @Override
public String getItem(int position) {
return mData.get(position);
} @Override
public long getItemId(int position) {
return position;
} @Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
int type = getItemViewType(position);
System.out.println("getView " + position + " " + convertView + " type = " + type);
if (convertView == null) {
holder = new ViewHolder();
switch (type) {
case TYPE_ITEM:
convertView = mInflater.inflate(R.layout.item1, null);
holder.textView = (TextView)convertView.findViewById(R.id.text);
break;
case TYPE_SEPARATOR:
convertView = mInflater.inflate(R.layout.item2, null);
holder.textView = (TextView)convertView.findViewById(R.id.textSeparator);
break;
}
convertView.setTag(holder);
} else {
holder = (ViewHolder)convertView.getTag();
}
holder.textView.setText(mData.get(position));
return convertView;
} } public static class ViewHolder {
public TextView textView;
}
}

运行程序,你会看到每4个item一个分割线

看看日志,无异常,所有的convertView都是空的

- ::03.080:
INFO/System.out():
getView null type
=
- ::03.112:
INFO/System.out():
getView null type
=
- ::03.130:
INFO/System.out():
getView null type
=
- ::03.141:
INFO/System.out():
getView null type
=
- ::03.160:
INFO/System.out():
getView null type
=
- ::03.170:
INFO/System.out():
getView null type
=
- ::03.180:
INFO/System.out():
getView null type
=
- ::03.190:
INFO/System.out():
getView null type
=
- ::03.210:
INFO/System.out():
getView null type
=
- ::03.210:
INFO/System.out():
getView null type
=
滚动list:
?
- ::54.160:
INFO/System.out():
getView null type
=
- ::57.440:
INFO/System.out():
getView android.widget.LinearLayout@ type
=
- ::01.310:
INFO/System.out():
getView android.widget.LinearLayout@43744eb0 type
=
- ::01.880:
INFO/System.out():
getView android.widget.LinearLayout@437456d8 type
=
- ::02.869:
INFO/System.out():
getView null type
=
- ::06.489:
INFO/System.out():
getView android.widget.LinearLayout@43745f00 type
=
- ::07.749:
INFO/System.out():
getView android.widget.LinearLayout@ type
=
- ::10.250:
INFO/System.out():
getView android.widget.LinearLayout@ type
=
- ::11.661:
INFO/System.out():
getView android.widget.LinearLayout@437481c0 type
=
- ::13.180:
INFO/System.out():
getView android.widget.LinearLayout@437468a0 type
=
- ::16.900:
INFO/System.out():
getView android.widget.LinearLayout@437489e8 type
=
- ::25.690:
INFO/System.out():
getView android.widget.LinearLayout@4374a8d8 type
=

convertView对于分割线是空的,直到第一个分割线可见,当其离开屏幕,视图去到Recycler并且convertView开始起作用。

代码下载:这里

ListView getView中放置多个item和getItemViewType的用法的更多相关文章

  1. [转][Android] ListView中getView的原理+如何在ListView中放置多个item

      ListView 和 Adapter 的基础 工作原理: ListView 针对List中每个item,要求 adapter “给我一个视图” (getView). 一个新的视图被返回并显示 如果 ...

  2. listview当选中某一个item时设置背景色其他的不变

    listview当选中某一个item时设置背景色其他的不变: 可以使用listview.setOnFoucsChangeListener(listener) ; /** * listview获得焦点和 ...

  3. Listview之优化BaseAdapter中的getView中的contentView

    BaseAdapter中getView中改动的地方: @Override public View getView(int position, View contentView, ViewGroup a ...

  4. universal image loader在listview/gridview中滚动时重复加载图片的问题及解决方法

    在listview/gridview中使用UIL来display每个item的图片,当图片数量较多需要滑动滚动时会出现卡顿,而且加载过的图片再次上翻后依然会重复加载(显示设置好的加载中图片) 最近在使 ...

  5. 面试 -- ListView对其指定的子Item进行单独的刷新

    1,最近在面试题目的时候突然看到了问题"ListView对其指定的子Item进行单独的刷新",当时感觉一脸懵逼,还是第一次听到这个问题,也就是不能使用adapter.notifyD ...

  6. ListView优化中的细节问题

    1.android:layout_height属性: 必须将ListView的布局高度属性设置为非“wrap_content”(可以是“match_parent /  fill_parent  /   ...

  7. Android Animation动画实战(一): 从布局动画引入ListView滑动时,每一Item项的显示动画

    前言: 之前,我已经写了两篇博文,给大家介绍了Android的基础动画是如何实现的,如果还不清楚的,可以点击查看:Android Animation动画详解(一): 补间动画 及 Android An ...

  8. Android ListView getView()方法重复调用导致position错位

    问题现状:Android ListView getView()方法重复调用导致position错位 解决办法:把ListView布局文件的layout_height属性改为fill_parent或者m ...

  9. 在getView方法产生给用户item的视图以及数据

    在getView方法产生给用户item的视图以及数据

随机推荐

  1. JavaScript平常会跳的坑系列(一)

    function Foo() { //定义foo函数 getName = function () { console.log('1');}; console.log(this); return thi ...

  2. Windows 7中,用Visual Studio开发WPF应用程序,实现从Windows Explorer中拖拽文件到应用程序,始终显示“无法拖放”符号问题解决方案

    Are you running your application or Visual Studio that hosts the app under administrative privilege? ...

  3. jdbc的封装

    package com.wjf.helper; import java.io.FileInputStream; import java.io.FileOutputStream; import java ...

  4. mysql:1153 Got a packet bigger than ‘max_allowed_packet’ bytes的解决方法

    备份还原或数据导入报错1153:Got a packet bigger than'max_allowed_packet'bytes的问题 这个问题可以有2个解决方法: 1.临时修改: mysql> ...

  5. Java实战之01Struts2-02配置文件

    三.Struts2的配置文件 1.加载时机: 当应用被tomcat加载的时候,struts2的配置文件就已经被加载过了. 2.加载顺序 顺序 配置文件名 所在位置 说明 1 default.prope ...

  6. (转)UIColor,CGColor,CIColor三者的区别和联系

    最近看了看CoreGraphics的东西,看到关于CGColor的东西,于是就想着顺便看看UIColor,CIColor,弄清楚它们之间的区别和联系.下面我们分别看看它们三个的概念: 一.UIColo ...

  7. leetcode problem 11 Container With Most Water

    Given n non-negative integers a1, a2, ..., an, where each represents a point at coordinate (i, ai). ...

  8. php安装中的错误

    http://www.cnblogs.com/kristain/articles/3809243.html     借鉴php安装错误 2013-01-04 19:16:49 分类: 系统运维 环境: ...

  9. 构建 struts2 spring3 mybatis 的maven项目 构建 pom.xml

    学习maven项目时 搭建个ssm项目 算是给自己留个备份吧 环境说明: MyEclipse10 Maven   3.2.3 框架: struts2    2.3.24.1 spring3    3. ...

  10. php类的属性

    属性声明是由关键字 public,protected 或者 private 开头,后面跟一个普通的变量声明来组成.属性的变量可以设置初始化的默认值,默认值必须是常量. class Car { //定义 ...