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); } @Override public boolean areAllItemsEnabled() { return false; } @Override public boolean isEnabled(int position) { // 如果-开头，则该项不可选 return !listTag.contains(getItem(position)); } @Override public 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!