1、原理分析
Adapter对于ListView是非常重要的,它处于listView和数据源的中间,负责为ListView创建具体的视图。之前提到过ListView采用了View复用技术,即使需要显示大量的数据列表时它也能高效的工作,它总是试图复用已经存在的View。
下面就对View复用技术,做简单的讲解:
简单来说,假设一个ListView中存在7个Item,从上到下分别是Item1~Item7,当用户向上滑动屏幕时,Item1会滚动到屏幕区域以外,item1并没有被销毁,而是被放入了回收站(Recycler)。当ListView需要显示下一个item时,它会首先检查回收站里是否有可用的Item,刚好发现了item1,直接复用item1。ListView把获取到的Item1和新的位置(position8)传递给Adapter的getView方法,在getView方法中根据position8从数据源中取出对应的数据覆盖到item1,这时item1就变成了item8。最后,ListView把新生成item8显示到界面上。
而当ListView中存在不同视图的Item的时候,Adapter中存在一个int getViewTypeCount()方法返回item使用的View类型的数量(默认为1)。listView根据Adapter的这个方法的返回值,在回收站中建立对应数量的保存区域。而Adapter的int getItemViewType(int position):根据position获取对应item使用的View类型。 ListView会在回收站中根据类型建立不同的保存区域,listView会在调用Adapter 的getView方法之前,根据position获取正确类型的View进行复用。
通过以上两种方式,ListView实现了在单一Item视图和多种Item视图情况下,View的复用。
在上一次“ListView绑定EmptyView”的讲解中,进行了简单的Adapter的自定义实现,今天我们来讲解在ListView中显示不同时视图的Item。如果只显示单一视图的Item,只需要重写BaseAdapter的以下四个方法:
int getCount():返回数据源中数据项的总数量
Object getItem(int position):根据position从数据源中获取数据项
long getItemId(int position): 根据position从数据源中获取数据项ID
View getView(int position, View convertView, ViewGroup parent):根据position创建View,它是Adapter中最重要的方法,listView通过它创建View。
这也是进行自定义Adapter时必须要重写的方法。
要想实现多视图的Item的ListView,还需要重写Adapter的以下几个方法(不是必须要重写的):
int getViewTypeCount():返回item使用的View类型的数量,默认为1。
int getItemViewType(int position):根据position获取对应item使用的View类型。
boolean isEnabled (int position):根据position设置对应的item是否可用,即是否能接收UI事件。
其中,getItemViewType和getViewTypeCount通常需要配对使用
2、示例分析
这次的Demo实现的效果是,根据单词不同的首字母,在ListView中对字母进行分别显示。其中,单词的首字母作为各部分的分隔,使用不同于字母的显示视图。
因此在Demo中需要两种不同风格的视图。分别为:
first_letter_item.xml,代码如下:
word_item.xml,代码如下:
这两个Item的布局文件非常简单,都是用了LinearLayout布局,布局中只有一个TextView显示文字,不做过多介绍。
JAVA代码如下:
Adapter对于ListView是非常重要的,它处于listView和数据源的中间,负责为ListView创建具体的视图。之前提到过ListView采用了View复用技术,即使需要显示大量的数据列表时它也能高效的工作,它总是试图复用已经存在的View。
下面就对View复用技术,做简单的讲解:
简单来说,假设一个ListView中存在7个Item,从上到下分别是Item1~Item7,当用户向上滑动屏幕时,Item1会滚动到屏幕区域以外,item1并没有被销毁,而是被放入了回收站(Recycler)。当ListView需要显示下一个item时,它会首先检查回收站里是否有可用的Item,刚好发现了item1,直接复用item1。ListView把获取到的Item1和新的位置(position8)传递给Adapter的getView方法,在getView方法中根据position8从数据源中取出对应的数据覆盖到item1,这时item1就变成了item8。最后,ListView把新生成item8显示到界面上。
而当ListView中存在不同视图的Item的时候,Adapter中存在一个int getViewTypeCount()方法返回item使用的View类型的数量(默认为1)。listView根据Adapter的这个方法的返回值,在回收站中建立对应数量的保存区域。而Adapter的int getItemViewType(int position):根据position获取对应item使用的View类型。 ListView会在回收站中根据类型建立不同的保存区域,listView会在调用Adapter 的getView方法之前,根据position获取正确类型的View进行复用。
通过以上两种方式,ListView实现了在单一Item视图和多种Item视图情况下,View的复用。
在上一次“ListView绑定EmptyView”的讲解中,进行了简单的Adapter的自定义实现,今天我们来讲解在ListView中显示不同时视图的Item。如果只显示单一视图的Item,只需要重写BaseAdapter的以下四个方法:
int getCount():返回数据源中数据项的总数量
Object getItem(int position):根据position从数据源中获取数据项
long getItemId(int position): 根据position从数据源中获取数据项ID
View getView(int position, View convertView, ViewGroup parent):根据position创建View,它是Adapter中最重要的方法,listView通过它创建View。
这也是进行自定义Adapter时必须要重写的方法。
要想实现多视图的Item的ListView,还需要重写Adapter的以下几个方法(不是必须要重写的):
int getViewTypeCount():返回item使用的View类型的数量,默认为1。
int getItemViewType(int position):根据position获取对应item使用的View类型。
boolean isEnabled (int position):根据position设置对应的item是否可用,即是否能接收UI事件。
其中,getItemViewType和getViewTypeCount通常需要配对使用
2、示例分析
这次的Demo实现的效果是,根据单词不同的首字母,在ListView中对字母进行分别显示。其中,单词的首字母作为各部分的分隔,使用不同于字母的显示视图。
因此在Demo中需要两种不同风格的视图。分别为:
first_letter_item.xml,代码如下:
01 |
<? xml version = "1.0" encoding = "utf-8" ?> |
02 |
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" |
03 |
android:layout_width = "fill_parent" |
04 |
android:layout_height = "fill_parent" |
05 |
android:orientation = "vertical" > |
06 |
|
07 |
< TextView android:id = "@+id/firstletter" |
08 |
style = "?android:attr/listSeparatorTextViewStyle" |
09 |
android:layout_width = "fill_parent" |
10 |
android:layout_height = "wrap_content" |
11 |
android:textColor = "@android:color/white" |
12 |
/> |
13 |
</ LinearLayout > |
word_item.xml,代码如下:
01 |
<? xml version = "1.0" encoding = "utf-8" ?> |
02 |
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" |
03 |
android:layout_width = "fill_parent" |
04 |
android:layout_height = "fill_parent" |
05 |
android:orientation = "vertical" |
06 |
android:paddingBottom = "8dp" > |
07 |
|
08 |
< TextView |
09 |
android:id = "@+id/word" |
10 |
android:layout_width = "fill_parent" |
11 |
android:layout_height = "wrap_content" |
12 |
android:paddingLeft = "8dp" |
13 |
android:paddingRight = "8dp" |
14 |
android:paddingTop = "8dp" |
15 |
android:singleLine = "true" |
16 |
android:textColor = "?android:attr/textColorPrimary" |
17 |
android:textSize = "10pt" |
18 |
android:textStyle = "bold" /> |
19 |
20 |
</ LinearLayout > |
这两个Item的布局文件非常简单,都是用了LinearLayout布局,布局中只有一个TextView显示文字,不做过多介绍。
JAVA代码如下:
001 |
package com.devdiv.test.listviewtest6; |