自定义Adapter实现多视图Item的ListView
http://www.devdiv.com/adapter_item_listview-blog-20-7539.html
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，代码如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" > <TextView android:id="@+id/firstletter"
style="?android:attr/listSeparatorTextViewStyle"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textColor="@android:color/white"
/>
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:paddingBottom="8dp" > <TextView
android:id="@+id/word"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingLeft="8dp"
android:paddingRight="8dp"
android:paddingTop="8dp"
android:singleLine="true"
android:textColor="?android:attr/textColorPrimary"
android:textSize="10pt"
android:textStyle="bold" /> </LinearLayout>
这两个Item的布局文件非常简单，都是用了LinearLayout布局，布局中只有一个TextView显示文字，不做过多介绍。
JAVA代码如下：
package com.devdiv.test.listviewtest6; import android.app.ListActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView; public class ListViewTest6Activity extends ListActivity { private LayoutInflater mInflater = null; private static final String[] DATA = {"a","abnormal","acute","ambitious","b","bed","bad",
"c","compare","communication","d","dad","e","element"}; private LetterAdapter mLetterAdapter; /** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState); mInflater = LayoutInflater.from(this); mLetterAdapter = new LetterAdapter(DATA);
setListAdapter(mLetterAdapter);
} private class LetterAdapter extends BaseAdapter { private String[] letter = {}; //定义两个int常量标记不同的Item视图
public static final int FIRST_LETTER_ITEM = 0;
public static final int WORD_ITEM = 1; public LetterAdapter(String[] data) {
letter = data;
} @Override
public int getItemViewType(int position) {
// TODO Auto-generated method stub if(letter[position].length() == 1) {
return FIRST_LETTER_ITEM;
} else {
return WORD_ITEM;
}
} @Override
public int getViewTypeCount() {
// TODO Auto-generated method stub
//因为有两种视图，所以返回2
return 2;
} @Override
public boolean isEnabled(int position) {
// TODO Auto-generated method stub
return (letter[position].length() != 1);
} @Override
public int getCount() {
// TODO Auto-generated method stub
return letter.length;
} @Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return letter[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 ViewHolder vh = null; if(convertView == null) { vh = new ViewHolder(); if(getItemViewType(position) == FIRST_LETTER_ITEM) {
convertView = getLayoutInflater().inflate(R.layout.first_letter_item, parent, false);
//convertView = mInflater.inflate(R.layout.first_letter_item, null);
vh.tv = (TextView) convertView.findViewById(R.id.firstletter); } else {
convertView = getLayoutInflater().inflate(R.layout.word_item, parent, false);
//convertView = mInflater.inflate(R.layout.word_item, null);
vh.tv = (TextView) convertView.findViewById(R.id.word);
}
convertView.setTag(vh);
} else {
vh = (ViewHolder) convertView.getTag();
}
vh.tv.setText(letter[position]);
return convertView;
}
class ViewHolder{
TextView tv;
}
}
}