Android ListView分组布局改进

转自：程序开发技术交流分享

由于是在网上转载的一篇文章，在这里就不多说废话了，首先看一下最终的效果图：

然后是实现该ListView布局的主要代码：

1、程序主界面 SeparateListView.java

package whu.iss.wuxianglong;import java.util.ArrayList;import java.util.List;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ArrayAdapter;import android.widget.ListView;import android.widget.TextView;public class SeparateListView extends Activity {ListView listView;MyAdapter myAdapter;public List<String> listTag = new ArrayList<String>();    /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);                listView = (ListView) findViewById(R.id.list);myAdapter = new MyAdapter(this,android.R.layout.simple_expandable_list_item_1, getData());listView.setAdapter(myAdapter);    }    private List<String> getData() {        List<String> data = new ArrayList<String>();        int i = 0;        data.add("A");        listTag.add("A");        data.add("aa试数据" + (i++));        data.add("a试数据" + (i++));        data.add("aa试数据" + (i++));        listTag.add("B");        data.add("B");        data.add("bb试数据" + (i++));        data.add("b试数据" + (i++));        data.add("b试数据" + (i++));               data.add("b试数据" + (i++));        listTag.add("C");        data.add("C");        data.add("c测试数据" + (i++));        data.add("c测试数据" + (i++));        listTag.add("D");        data.add("D");        data.add("d测试数据" + (i++));        data.add("d测试数据" + (i++));        data.add("d测试数据" + (i++));        listTag.add("E");        data.add("E");        data.add("e测试数据" + (i++));        data.add("e测试数据" + (i++));        data.add("e测试数据" + (i++));        listTag.add("F");        data.add("F" );        data.add("f测试数据" + (i++));        return data;    }class MyAdapter extends ArrayAdapter<String> {public MyAdapter(Context context,  int textViewResourceId,List<String> objects) {super(context,  textViewResourceId, objects);}@Overridepublic boolean areAllItemsEnabled() {return false; }@Overridepublic boolean isEnabled(int position) {// 如果-开头，则该项不可选 return !listTag.contains(getItem(position)); }@Overridepublic View getView(int position, View convertView, ViewGroup parent) {    View view = convertView;  //根据标签类型加载不通的布局模板     if(listTag.contains(getItem(position))){    //如果是标签项        view = LayoutInflater.from(getContext()).inflate(R.layout.group_list_item_tag, null);    }else{    //否则就是数据项        view = LayoutInflater.from(getContext()).inflate(R.layout.group_list_item, null);    }  //显示名称    TextView textView = (TextView) view.findViewById(R.id.group_list_item_text);    textView.setText(getItem(position));  //返回重写的view    return view;}}}

2、程序主界面布局文件main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    >    <ListView        android:id="@+id/list"        android:layout_width="fill_parent"        android:layout_height="wrap_content">    </ListView></LinearLayout>

3、ListView中数据部分样式布局文件group_list_item.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="horizontal"    android:layout_width="fill_parent"    android:layout_height="wrap_content"    android:padding="5dip">    <ImageView        android:src="@drawable/icon"       android:layout_width="50px"       android:layout_height="50px">    </ImageView>    <TextView       android:id="@+id/group_list_item_text"        android:layout_width="wrap_content"        android:layout_height="fill_parent"       android:paddingLeft="5dip"       android:gravity="center_vertical">    </TextView></LinearLayout>

4、ListView中分组标志行的样式布局文件group_list_item_tag.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="wrap_content"    android:background="#555555"    android:paddingLeft="10dip">    <TextView       android:id="@+id/group_list_item_text"        android:layout_width="wrap_content"        android:layout_height="20dip"       android:textColor="#ffffff"       android:gravity="center_vertical">    </TextView></LinearLayout>

THE END!