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

最新推荐文章于 2024-05-24 11:25:35 发布
转载 最新推荐文章于 2024-05-24 11:25:35 发布 · 1.2k 阅读 · 0
标签
#listview #null #list #service #android
#class

转载自OYK博客园   http://www.cnblogs.com/-OYK/archive/2011/05/31/2064781.html

此文最原始被翻译自：http://android.amberfog.com/?p=296


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


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进行输出

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
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-0513:47:32.559: INFO/System.out(947): getView0null
02-0513:47:32.570: INFO/System.out(947): getView1null
02-0513:47:32.589: INFO/System.out(947): getView2null
02-0513:47:32.599: INFO/System.out(947): getView3null
02-0513:47:32.619: INFO/System.out(947): getView4null
02-0513:47:32.629: INFO/System.out(947): getView5null
02-0513:47:32.708: INFO/System.out(947): getView6null
02-0513:47:32.719: INFO/System.out(947): getView7null
02-0513:47:32.729: INFO/System.out(947): getView8null

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

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

02-0513:48:25.169: INFO/System.out(947): getView9null

再滚动List

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

02-0513:48:42.879: INFO/System.out(947): getView10android.widget.LinearLayout@437430f8

再滚动：

02-0514:01:31.069: INFO/System.out(947): getView11android.widget.LinearLayout@437447d0
02-0514:01:31.142: INFO/System.out(947): getView12android.widget.LinearLayout@43744ff8
02-0514:01:31.279: INFO/System.out(947): getView13android.widget.LinearLayout@43743fa8
02-0514:01:31.350: INFO/System.out(947): getView14android.widget.LinearLayout@43745820
02-0514:01:31.429: INFO/System.out(947): getView15android.widget.LinearLayout@43746048
02-0514:01:31.550: INFO/System.out(947): getView16android.widget.LinearLayout@43746870
02-0514:01:31.669: INFO/System.out(947): getView17android.widget.LinearLayout@43747098
02-0514:01:31.839: INFO/System.out(947): getView18android.widget.LinearLayout@437478c0
02-0514:03:30.900: INFO/System.out(947): getView19android.widget.LinearLayout@43748df0
02-0514:03:32.069: INFO/System.out(947): getView20android.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

以下是代码：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
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-0515:19:03.080: INFO/System.out(1035): getView0null type = 0
02-0515:19:03.112: INFO/System.out(1035): getView1null type = 0
02-0515:19:03.130: INFO/System.out(1035): getView2null type = 0
02-0515:19:03.141: INFO/System.out(1035): getView3null type = 0
02-0515:19:03.160: INFO/System.out(1035): getView4null type = 1
02-0515:19:03.170: INFO/System.out(1035): getView5null type = 0
02-0515:19:03.180: INFO/System.out(1035): getView6null type = 0
02-0515:19:03.190: INFO/System.out(1035): getView7null type = 0
02-0515:19:03.210: INFO/System.out(1035): getView8null type = 0
02-0515:19:03.210: INFO/System.out(1035): getView9null type = 1

滚动list：

02-0515:19:54.160: INFO/System.out(1035): getView10null type = 0
02-0515:19:57.440: INFO/System.out(1035): getView11android.widget.LinearLayout@43744528type =0
02-0515:20:01.310: INFO/System.out(1035): getView12android.widget.LinearLayout@43744eb0type =0
02-0515:20:01.880: INFO/System.out(1035): getView13android.widget.LinearLayout@437456d8type =0
02-0515:20:02.869: INFO/System.out(1035): getView14null type = 1
02-0515:20:06.489: INFO/System.out(1035): getView15android.widget.LinearLayout@43745f00type =0
02-0515:20:07.749: INFO/System.out(1035): getView16android.widget.LinearLayout@43747170type =0
02-0515:20:10.250: INFO/System.out(1035): getView17android.widget.LinearLayout@43747998type =0
02-0515:20:11.661: INFO/System.out(1035): getView18android.widget.LinearLayout@437481c0type =0
02-0515:20:13.180: INFO/System.out(1035): getView19android.widget.LinearLayout@437468a0type =1
02-0515:20:16.900: INFO/System.out(1035): getView20android.widget.LinearLayout@437489e8type =0
02-0515:20:25.690: INFO/System.out(1035): getView21android.widget.LinearLayout@4374a8d8type =0

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

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

代码下载：MultipleItemsList.zip – source code


C#中ListView详解
li3781695的博客
01-15 1万+
ListView是一个Windows 列表视图控件，该控件显示可用五种不同视图之一显示项的集合
C# ListView 的用法
2203_75593971的博客
06-06 6591
在这个示例中，我们将向ListView控件中添加一个具有自定义列的数据。我们将创建一个新的ListView子类，覆盖方法以向控件中添加自定义列。在自定义列的列标题区域中，我们将添加一个新的按钮控件，用于在列标题被单击时触发事件。// 创建自定义列表头customColumnHeader.Text = "操作";// 添加按钮到自定义列表头中btn.Text = "新建客户";// TODO: 在这里添加新客户的代码在这个代码中，我们创建了一个名为的新类，并继承了。
Flutter中GetX系列六--GetxController/GetView使用详情
eastWind1101的博客
11-24 1万+
GetxController使用详情,GetxController的数据赋值、数据更新、事件监听、生命周期、UniqueID
[Android] ListView中getView的原理＋如何在ListView中放置多个item
yidan923的专栏
01-27 1163
<br />ListView 和 Adapter 的基础<br />工作原理:ListView 针对List中每个item，要求 adapter “给我一个视图” (getView)。 一个新的视图被返回并显示 <br />如果我们有上亿个项目要显示怎么办？为每个项目创建一个新视图？NO!这不可能！<br />实际上Android为你缓存了视图。<br />Android中有个叫做Recycler的构件，下图是他的工作原理：<br />如果你有10亿个项目(item)，其中只有可见的项目存在内存中，其他的在
ListView的item展开后完整显示
lintax的专栏
05-21 4844
本文描述了使用ListView展示子项Item，子项里面包含多个内容，默认只显示主要信息，其他部分隐藏，在点击后展开。对于顶部或底部显示不全的Item，进行自动滑动展示完全。并对于子项中是否有按钮的两种情况，都进行了说明。
Android ListView中getView的原理＋如何在ListView中放置多个item
壹口尘埃
06-26 2113
http://www.cnblogs.com/xiaowenji/archive/2010/12/08/1900579.html ListView 和 Adapter 的基础 工作原理: ListView 针对List中每个item，要求 adapter “给我一个视图” (getView)。一个新的视图被返回并显示 如果我们有上亿个项目要显示怎么办？为每个项目创建一个新视图？NO!这
listView.Item 和subitem
weixin_41891081的博客
06-11 4860
listView.Item 和subitem ListViewItem:整个表格的一行。 ListViewSubItem：表格中某个单元格。 ListViewItem是由很多个ListViewSubItem组合而成。 view为details时 1、ListView中的Columns 这个暂时还不是很清楚，类似于表头吧。忘路过的大拿解释 2、ListView中的Item，Item下的SubIte...
Adapter的getView方法详解
热门推荐
Yelbosh的专栏
08-05 7万+
BaseAdapter就Android应用程序中经常用到的基础数据适配器，它的主要用途是将一组数据传到像ListView、Spinner、Gallery及GridView等UI显示组件，它是继承自接口类Adapter，我们经常使用的ListView 的adapter，即SimpleAdapter，是继承自BaseAdapter的，BaseAdapter是一个基类，没有实现绑定数据的功能，Simpl
Android 自定义Adapter关键函数getView性能最优使用
结合项目案例，记录点点滴滴，自己回顾，分享他人o__o
05-24 9297
无论是ListView还是RecyclerView，自定义Adapter的getView()方法（或onBindViewHolder()方法）都是核心部分，负责创建和绑定视图。使用ViewHolder模式可以显著提高性能。对于复杂的列表，可以通过实现不同的视图类型来满足需求。RecyclerView提供了更灵活和高效的实现，推荐在新的项目中使用。
ListView之getView详解
只愿不违本心的博客
10-02 1万+
首先讲下ListView的原理：ListView中的每一个Item显示都需要Adapter调用一次getView的方法，这个方法会传入一个convertView的参数，返回的View就是这个Item显示的View。如果当Item的数量足够大，再为每一个Item都创建一个View对象，必将占用很多内存，创建View对象（Inflater.inflate(R.layout.lv_item, nul
ListView与Adapter使用要点
Haking的博客
08-12 433
项目用到ListView，由于要用到 ImageView ，图片源不是在资源里面的，没法使用资源 ID，因此无法直接使用SimpleAdapter，要自己写一个Adapter。 在使用ListView和Adapter需要注意以下几点：   1. Adapter.getView()   public View getView(int position, View conv...
AdapterView的使用与getView函数详解
weixin_34054931的博客
04-30 680
作者：徐冉。文章首发在他的个人博客。 ） AdapterView&amp;Adapter家族 adapterview就是和数据有关的控件，如listview,gridview，spinnerview等等，只要是在展示的过程中需要和数据交互的view都属于这一类。要使用adapterview，需要遵循三个步骤，这些在之前的博文也已经提到过： 创建数据源 创建adapter，并且将数据源和...
Android Adapter以及getView()方法的理解
Laisx
08-05 1万+
Android Adapter基本理解： 我的理解是： 1、一个有许多getter的类（就是getView(),getCount()....这些方法） 2、有多少个get方法？都是什么？ 这些getter是特定的，你可以复写他们，全部的方法如下 其中一般我们只用复写getCount(),getView(),getItemId(),getItem()这四个方法
Adapter的getView()优化原理
https://github.com/Mac-Zhu
10-15 360
@Override public View getView(int position, View convertView, ViewGroup parent) { final ViewHolders viewHolder = getViewHolder(position, convertView, parent); ...
【Android】ListView中getView的原理与解决多轮重复调用的方法
Anonymity
11-02 530
ListView中getView的工作原理：[1]ListView asks adapter “give me a view” (getView) for each item of the list.（通过getView来获取每个item）[2]A new View is returned and displayed（获取到后返回显示）那么如果我们有大量的数据需要显示的时候，每个Item都去重复执行
android ListView 中getview学习总结
apuycat204023的博客
12-14 337
最近在做android相关的开发，ListView中有一个图片错位的问题，今天查了很多人写的一些东西，所以记录下来，算是一种加深理解吧。 ListView是一个非常常用的控件，功能可以扩展的很丰富，而且与GridView有很多相似的地方。都可以存放大量数据。而且当我们需要比较复杂的布局时，一般用SimpleAdapter，或者继承BaseAdapter自己重写。 如果是继承A...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值