android之Listview的分组实现

对于Listview的分组我们再熟悉不过了，因为Android自带的通讯录中的联系人信息就是使用的ListView分组，最近项目中用到了这个功能。所以趁着周末有时间，也更新下一篇这样的博客，希望对大家能够有帮助。

其实对于分组的ListView和我们平时用的ListView没有多大差别，就是需要在适配器中的getView方法中做下判断。只要理解了这个，下面就好说了，下面我们看下实现代码。

首先是main.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:background="#ffffff"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/listView_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>

因为listview要加载两种不同的item，所以要实现两个item布局，addexam_list_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="wrap_content"
    android:orientation="horizontal" 
    android:padding="5dip">
    
  <ImageView
       android:id="@+id/addexam_list_icon"
       android:background="@drawable/ic_launcher"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"/>
    <TextView
       android:id="@+id/addexam_list_item_text"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="center"
       android:layout_marginLeft="10dp"
       android:text="测试数据"/>
</LinearLayout>

分组标签对应的布局addexam_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="#666666"
    android:paddingLeft="10dp"
    android:gravity="center_vertical"
    android:orientation="vertical" >
    
 <TextView
       android:id="@+id/addexam_list_item_text"
       android:layout_width="wrap_content"
       android:layout_height="20dip"
       android:textColor="#ffffff"
       android:text="金融考试"
       android:gravity="center_vertical"/>
</LinearLayout>

布局文件我们已经实现了，下面看下在程序中我们是怎么处理的吧！

public class TestActivity extends Activity {
    /** Called when the activity is first created. */
	private List<String>  list=null;
	private List<String> groupkey=new ArrayList<String>();
	 private List<String> aList = new ArrayList<String>();
	  private List<String> bList = new ArrayList<String>();
	private ListView listview;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        listview=(ListView) findViewById(R.id.listView_list);
        initData();
        MyAdapter adapter=new MyAdapter();
        listview.setAdapter(adapter);
        
    }
    public void initData(){
        list = new ArrayList<String>();
        
        groupkey.add("A组");
        groupkey.add("B组");
        
        for(int i=0; i<5; i++){
        	aList.add("A组"+i);
        }
        list.add("A组");
        list.addAll(aList);
        
        for(int i=0; i<8; i++){
            bList.add("B组"+i);
        }
        list.add("B组");
        list.addAll(bList);
    }
    
    private class MyAdapter extends BaseAdapter{

		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return list.size();
		}

		@Override
		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return list.get(position);
		}

		@Override
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}
        @Override
        public boolean isEnabled(int position) {
        	// TODO Auto-generated method stub
        	 if(groupkey.contains(getItem(position))){
                 return false;
             }
             return super.isEnabled(position);
        }
		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
			View view=convertView;
			if(groupkey.contains(getItem(position))){
				view=LayoutInflater.from(getApplicationContext()).inflate(R.layout.addexam_list_item_tag, null);
			}else{
				view=LayoutInflater.from(getApplicationContext()).inflate(R.layout.addexam_list_item, null);
			}
			TextView text=(TextView) view.findViewById(R.id.addexam_list_item_text);
			text.setText((CharSequence) getItem(position));
			return view;
		}
    	
    }
}

代码好像挺简单，更我们平时使用lsitview也没多大区别，下面看看能不能实现呢

运行一下：