[Android] ListView中getView的原理＋如何在ListView中放置多个item

最新推荐文章于 2019-11-26 18:02:51 发布
最新推荐文章于 2019-11-26 18:02:51 发布
阅读量106 收藏
点赞数
分类专栏： Android开发 文章标签： android ListView getView ListAdapter 多个Item
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panxq0809/article/details/84114580
版权

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 = 0 ; i < 50 ; 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 对于所有的可见项目是空值（如下）

02 - 05 13 : 47 : 32.559 : INFO/System.out( 947 ): getView 0 null
02 - 05 13 : 47 : 32.570 : INFO/System.out( 947 ): getView 1 null
02 - 05 13 : 47 : 32.589 : INFO/System.out( 947 ): getView 2 null
02 - 05 13 : 47 : 32.599 : INFO/System.out( 947 ): getView 3 null
02 - 05 13 : 47 : 32.619 : INFO/System.out( 947 ): getView 4 null
02 - 05 13 : 47 : 32.629 : INFO/System.out( 947 ): getView 5 null
02 - 05 13 : 47 : 32.708 : INFO/System.out( 947 ): getView 6 null
02 - 05 13 : 47 : 32.719 : INFO/System.out( 947 ): getView 7 null
02 - 05 13 : 47 : 32.729 : INFO/System.out( 947 ): getView 8 null

然后稍微向下滚动List，直到item10出现：

 

convertView仍然是空值，因为recycler中没有视图（item1的边缘仍然可见，在顶端）

 

02 - 05 13 : 48 : 25.169 : INFO/System.out( 947 ): getView 9 null

 

再滚动List

 

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

 

02 - 05 13 : 48 : 42.879 : INFO/System.out( 947 ): getView 10 android.widget.LinearLayout @437430f8

 

再滚动：

02 - 05 14 : 01 : 31.069 : INFO/System.out( 947 ): getView 11 android.widget.LinearLayout @437447d0
02 - 05 14 : 01 : 31.142 : INFO/System.out( 947 ): getView 12 android.widget.LinearLayout @43744ff8
02 - 05 14 : 01 : 31.279 : INFO/System.out( 947 ): getView 13 android.widget.LinearLayout @43743fa8
02 - 05 14 : 01 : 31.350 : INFO/System.out( 947 ): getView 14 android.widget.LinearLayout @43745820
02 - 05 14 : 01 : 31.429 : INFO/System.out( 947 ): getView 15 android.widget.LinearLayout @43746048
02 - 05 14 : 01 : 31.550 : INFO/System.out( 947 ): getView 16 android.widget.LinearLayout @43746870
02 - 05 14 : 01 : 31.669 : INFO/System.out( 947 ): getView 17 android.widget.LinearLayout @43747098
02 - 05 14 : 01 : 31.839 : INFO/System.out( 947 ): getView 18 android.widget.LinearLayout @437478c0
02 - 05 14 : 03 : 30.900 : INFO/System.out( 947 ): getView 19 android.widget.LinearLayout @43748df0
02 - 05 14 : 03 : 32.069 : INFO/System.out( 947 ): getView 20 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 = 1 ; i < 50 ; i++) {
mAdapter.addItem( "item " + i);
if (i % 4 == 0 ) {
mAdapter.addSeparatorItem( "separator " + i);
}
}
setListAdapter(mAdapter);
}
private class MyCustomAdapter extends BaseAdapter {
private static final int TYPE_ITEM = 0 ;
private static final int TYPE_SEPARATOR = 1 ;
private static final int TYPE_MAX_COUNT = TYPE_SEPARATOR + 1 ;
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() - 1 );
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都是空的

02-05 15:19:03.080: INFO/System.out(1035): getView 0 null type = 0
02-05 15:19:03.112: INFO/System.out(1035): getView 1 null type = 0
02-05 15:19:03.130: INFO/System.out(1035): getView 2 null type = 0
02-05 15:19:03.141: INFO/System.out(1035): getView 3 null type = 0
02-05 15:19:03.160: INFO/System.out(1035): getView 4 null type = 1
02-05 15:19:03.170: INFO/System.out(1035): getView 5 null type = 0
02-05 15:19:03.180: INFO/System.out(1035): getView 6 null type = 0
02-05 15:19:03.190: INFO/System.out(1035): getView 7 null type = 0
02-05 15:19:03.210: INFO/System.out(1035): getView 8 null type = 0
02-05 15:19:03.210: INFO/System.out(1035): getView 9 null type = 1

滚动list：

02-05 15:19:54.160: INFO/System.out(1035): getView 10 null type = 0
02-05 15:19:57.440: INFO/System.out(1035): getView 11 android.widget.LinearLayout@43744528 type = 0
02-05 15:20:01.310: INFO/System.out(1035): getView 12 android.widget.LinearLayout@43744eb0 type = 0
02-05 15:20:01.880: INFO/System.out(1035): getView 13 android.widget.LinearLayout@437456d8 type = 0
02-05 15:20:02.869: INFO/System.out(1035): getView 14 null type = 1
02-05 15:20:06.489: INFO/System.out(1035): getView 15 android.widget.LinearLayout@43745f00 type = 0
02-05 15:20:07.749: INFO/System.out(1035): getView 16 android.widget.LinearLayout@43747170 type = 0
02-05 15:20:10.250: INFO/System.out(1035): getView 17 android.widget.LinearLayout@43747998 type = 0
02-05 15:20:11.661: INFO/System.out(1035): getView 18 android.widget.LinearLayout@437481c0 type = 0
02-05 15:20:13.180: INFO/System.out(1035): getView 19 android.widget.LinearLayout@437468a0 type = 1
02-05 15:20:16.900: INFO/System.out(1035): getView 20 android.widget.LinearLayout@437489e8 type = 0
02-05 15:20:25.690: INFO/System.out(1035): getView 21 android.widget.LinearLayout@4374a8d8 type = 0

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

本文翻译自http://android.amberfog.com/?p=296

代码下载：MultipleItemsList.zip – source code

 

博文转自：http://www.cnblogs.com/xiaowenji/archive/2010/12/08/1900579.html

panxq0809
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android:ListView中的getView原理
weixin_34250434的博客
05-23 145
其实这里的复用技术在列表中是十分常见的，iphone中的tableView也有相关的技术，cell的复用 工作原理: ListView 针对List中每个item，要求 adapter “给我一个视图” (getView)。 一个新的视图被返回并显示 如果我们有上亿个项目要显示怎么办？为每个项目创建一个新视图？NO!这不可能！ 实际上Android为你缓存了视图。 Androi...
Android开发之ListView 适配器（Adapter）优化
helpbs
10-14 97
本文转自http://edu.gamfe.com/tutor/d/30512.html ListView的Adapter的作用如下图所示： Adapter的作用就是ListView界面与数据之间的桥梁，当列表里的每一项显示到页面时，都会调用Adapter的getView方法返回一个View。想过没有？ 在我们的列表有1000000项时会是什么样的？是不是会占用极大的系统...
Android中ListView多次调用getView
simpson910的专栏
10-20 3903
在开发中遇到一个问题，listview的getView()方法会莫名其妙的执行多次，原来是listview的布局文件的问题：  android:layout_width="fill_parent" android:layout_height="wrap_content" /> 将android:layout_height="wrap_content"修改成：android:layout_
android的listview中getview()的问题
weixin_30629653的博客
04-14 122
上周开始直到昨天，我和我的同事遇到了一个不大不小的bug。不多说先叙述一下： 产品需求： 是一个专辑页面，将优秀的，点击量高的文章做成一个专辑，方便大家阅读。就是一个listview，item有图的显示图，没图就不显示，但每个item都会有标题，有描述。有headerview,是这个专辑的标题和描述，也会有背景图，还有对专辑的收藏按钮和评论显示，点击收藏，按钮变色，点击评论，进入评论页面；有f...
android中ListView多次刷新重复执行getView的解决方法
09-05
`getView()` 方法是ListView中的核心，它负责创建或复用ListView的每一个Item视图。在某些情况下，`getView()` 可能会被多次重复执行，这不仅可能导致性能下降，还可能引起一些预期之外的行为，比如多次触发监听器。...
Android中ListView包含多个Item
07-04
本篇将深入讲解如何在Android中创建一个ListView，并实现它包含多个不同类型的Item。 1. **ListView基本结构** ListView由一系列的View（Item）组成，每个View代表数据集中的一个条目。这些Item通过Adapter进行...
Android ListView与getView调用卡顿问题解决办法
08-29
主要介绍了Android ListView与getView调用卡顿问题解决办法的相关资料,这里提供实例及解决办法帮助大家解决这种问题，需要的朋友可以参考下
Android编程实现ListView中item部分区域添加点击事件功能
08-28
每个项目由一个ListView item组成，而每个item又可以包含多个子视图。 ListView_item 的布局可以自定义，以满足不同的显示需求。 在实现ListView中item部分区域添加点击事件功能时，需要使用BaseAdapter作为...
android ListView 中getview学习总结
apuycat204023的博客
12-14 227
最近在做android相关的开发，ListView中有一个图片错位的问题，今天查了很多人写的一些东西，所以记录下来，算是一种加深理解吧。 ListView是一个非常常用的控件，功能可以扩展的很丰富，而且与GridView有很多相似的地方。都可以存放大量数据。而且当我们需要比较复杂的布局时，一般用SimpleAdapter，或者继承BaseAdapter自己重写。 如果是继承A...
Android 遇坑【6】 - ListView getView（）多次调用问题
Hsy的博客
11-26 495
问题描述 其实这是很久之前准备写的博客... 在学习 Spinner 时仅总结了静态加载的方法，动态加载 方法可参照Android UI - Spinner。 而在实际使用中，当存在较多 Spinner 时，使用静态数据显然是不科学的（一个Spinner一个xml文件心好累的）。 那么我们需要用适配器动态的添加数据，可参考Android 基础知识学习 - spinner 使用 ...
Android面试必问的Listview getview方法问题
u011644473的博客
12-09 797
今天看到了一篇文章，讲解Listview的getView最清晰的，顺便自己也记录一下。。。 1、每一次都重新定义一个View载入布局，加载数据，该种方式是最慢的一种 public View getView(int position, View convertView, ViewGroup parent) { View item = mInflater.inflate( R.layout.l
Android ListView Adapter的getItemViewType和getViewTypeCount多种布局
Zhang Phil
07-21 9009
 《Android ListView Adapter的getItemViewType和getViewTypeCount多种布局》 在Android的ListView中，如果在一个ListView中要实现多种样式的ListView布局样式，则需要在ListView的适配器Adapter中用到：getItemViewType()和getViewTypeCount()。getViewTypeCo
Adapter的getView方法详解
热门推荐
Yelbosh的专栏
08-05 7万+
BaseAdapter就Android应用程序中经常用到的基础数据适配器，它的主要用途是将一组数据传到像ListView、Spinner、Gallery及GridView等UI显示组件，它是继承自接口类Adapter，我们经常使用的ListView 的adapter，即SimpleAdapter，是继承自BaseAdapter的，BaseAdapter是一个基类，没有实现绑定数据的功能，Simpl
ListView
qq_14951185的博客
03-03 302
一、ListView类 1、常用的基本属性： （1）FullRowSelect：设置是否行选择模式。(默认为false) 提示：只有在Details视图该属性才有意义。 （2） GridLines：设置行和列之间是否显示网格线。（默认为false）提示：只有在Details视图该属性才有意义。 （3）AllowColumnReorder：设置是否可拖动列标头来对改变列的顺序。（默认为fal
Adapter中的getView方法
阿达King哥的博客
05-09 1562
public abstract View getView (int position, View convertView, ViewGroup parent) 引入自：API 级别1 Get a View that displays the data at the specified position in the data set. You can either crea
Adapter的getView方法
Veyron_wu
03-12 893
BaseAdapter就Android应用程序中经常用到的基础数据适配器，它的主要用途是将一组数据传到像ListView、Spinner、Gallery及GridView等UI显示组件，它是继承自接口类Adapter，我们经常使用的ListView 的adapter，即SimpleAdapter，是继承自BaseAdapter的，BaseAdapter是一个基类，没有实现绑定数据的功能，Simpl
Android应用之——利用getItemViewType为Listview的item设置不同的布局
Micheal_Yang's Blog
06-22 3696
利用getItemViewType方法为listview的item设置不同的布局文件
(Android)Adapter类的GetView（）方法的奇妙之处
shuaiby的专栏
03-03 8094
1.问题：看到如下代码，在即没有setContenView()方法又没有LayoutInflater的情况下，如何在Activity中实现view的显示？ 一下为Activity中关于OnCreate()方法实现的部分代码： public void onCreate(Bundle icicle) { super.onCreate(icicle); browseToRoot(); thi
android studio移动开发基础：adapterview PPT
06-26
"本资源主要讲解了Android Studio移动开发的基础知识，特别是关于AdapterView的使用，内容涵盖AdapterView的概念、作用以及在实际开发中的应用，特别是ListView的实例操作。" 在Android移动开发中，AdapterView是一...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值