Android开发之ListView实现不同品种分类分隔栏的效果(非ExpandableListView实现）

我们有时候会遇到这么一个情况。就是我在一个ListView里面需要显示的东西其实是有种类之分的。比如我要分冬天，夏天，秋天，春天，然后在这每个季节下面再去加载各自的条目数据。还有，比如我们的通讯录，我们需要按A，B，C这样的字母顺序分类然后显示。这个怎么实现呢？

下面我们不用ExpandableListView，而是只用ListView来实现这一显示效果。

MainActivity.java

packagecom.xzq.listviewadapter;

importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.view.Window;
importandroid.widget.ListView;

publicclassMainActivityextendsActivity{

privateString[]string={"A","B","C","D","E","F","G","H","I",
"J","K","L","M","N","O","P","Q","R","S","T","U","V",
"W","X","Y","Z"};

/**Calledwhentheactivityisfirstcreated.*/
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main);

ListViewlistview=(ListView)findViewById(R.id.listview);
MyCustomAdapteradapter=newMyCustomAdapter(this);

intsize=string.length;
for(inti=0;i<size;i++){
adapter.addSeparatorItem(string[i]);
for(intk=0;k<5;k++){
adapter.addItem("item"+k);
}
}
listview.setAdapter(adapter);
}
}

MyCustomAdapter.java

packagecom.xzq.listviewadapter;

importjava.util.ArrayList;
importjava.util.TreeSet;

importandroid.content.Context;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.BaseAdapter;
importandroid.widget.TextView;

publicclassMyCustomAdapterextendsBaseAdapter{

privatestaticfinalintTYPE_ITEM=0;
privatestaticfinalintTYPE_SEPARATOR=1;
privatestaticfinalintTYPE_MAX_COUNT=TYPE_SEPARATOR+1;
privateArrayList<String>data=newArrayList<String>();
privateLayoutInflaterinflater;
privateTreeSet<Integer>set=newTreeSet<Integer>();

publicMyCustomAdapter(Contextcontext){
inflater=LayoutInflater.from(context);
}

publicvoidaddItem(Stringitem){
data.add(item);
}

publicvoidaddSeparatorItem(Stringitem){
data.add(item);
set.add(data.size()-1);
}

publicintgetItemViewType(intposition){
returnset.contains(position)?TYPE_SEPARATOR:TYPE_ITEM;
}

@Override
publicintgetViewTypeCount(){
returnTYPE_MAX_COUNT;
}

@Override
publicintgetCount(){
returndata.size();
}

@Override
publicObjectgetItem(intposition){
returndata.get(position);
}

@Override
publiclonggetItemId(intposition){
returnposition;
}

@Override
publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
ViewHolderholder=null;
inttype=getItemViewType(position);
if(convertView==null){
holder=newViewHolder();
switch(type){
caseTYPE_ITEM:
convertView=inflater.inflate(R.layout.item1,null);
holder.textView=(TextView)convertView
.findViewById(R.id.item1);
break;
caseTYPE_SEPARATOR:
convertView=inflater.inflate(R.layout.item2,null);
holder.textView=(TextView)convertView
.findViewById(R.id.item2);
break;
}
convertView.setTag(holder);
}else{
holder=(ViewHolder)convertView.getTag();
}
holder.textView.setText(data.get(position));
returnconvertView;
}

publicstaticclassViewHolder{
publicTextViewtextView;
}
}

main.xml

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#ffffff"
android:orientation="vertical">

<ListView
android:id="@+id/listview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"/>

</LinearLayout>

item1.xml

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#ffffff"
android:orientation="vertical">

<TextView
android:id="@+id/item1"
android:layout_width="fill_parent"
android:layout_height="30dip"
android:gravity="center_vertical"/>

</LinearLayout>

item2.xml

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns: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/item2"
android:layout_width="fill_parent"
android:layout_height="30dip"
android:background="#3c4857"
android:gravity="center_vertical"/>

</LinearLayout>