ListView分类展示

1. 引言

 

    在Android开发过程中往往有这样的需求，将ListView中的内容按年，月，日进行分类显示，要实现这样的效果我们可能有很多种方法，

 

    如：多ListView拼合，自定义ListView组件等，下面介绍一种比较简单，而且实现结构清晰的实现方式，效果图及实现如下。

 

2. 效果图

    

3. 功能实现

 

    (1) 主布局(main.xml)实现：

view plain

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"  
3.     android:orientation = "vertical"  
4.     android:layout_width = "fill_parent"  
5.     android:layout_height = "fill_parent"  
6.     >  
7.     <ListView  
8.         android:id = "@+id/categoryList"  
9.         android:layout_width = "fill_parent"   
10.         android:layout_height = "fill_parent"  
11.         />  
12. </LinearLayout>   

 

    (2) 主Activity实现：

view plain

0. package com.flora;  
1. import android.app.Activity;  
2. import android.os.Bundle;  
3. import android.view.View;  
4. import android.view.ViewGroup;  
5. import android.widget.ArrayAdapter;  
6. import android.widget.ListView;  
7. import android.widget.TextView;  
8. public class ListViewCategoryActivity extends Activity {  
9.       
10.     private String [] mContacts = {"马英才", "张三", "李四"};  
11.     private String [] mMusic = {"素顔", "庐州月", "半城烟沙"};  
12.     private String [] mEBook = {"拆掉思维里的墙", "淡定力", "人脉决定命脉"};  
13.       
14.     @Override  
15.     public void onCreate(Bundle savedInstanceState) {  
16.         super.onCreate(savedInstanceState);  
17.         setContentView(R.layout.main);  
18.           
19.         mCategoryAdapter.addCategory("人名", new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mContacts));  
20.           
21.         mCategoryAdapter.addCategory("音乐",new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mMusic));  
22.           
23.         mCategoryAdapter.addCategory("书籍",new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mEBook));  
24.           
25.         ListView categoryList = (ListView) findViewById(R.id.categoryList);  
26.           
27.         categoryList.setAdapter(mCategoryAdapter);  
28.     }  
29.       
30.     private CategoryAdapter mCategoryAdapter = new CategoryAdapter() {  
31.         @Override  
32.         protected View getTitleView(String title, int index, View convertView, ViewGroup parent) {  
33.             TextView titleView;  
34.               
35.             if (convertView == null) {  
36.                 titleView = (TextView)getLayoutInflater().inflate(R.layout.title, null);  
37.             } else {  
38.                 titleView = (TextView)convertView;  
39.             }  
40.               
41.             titleView.setText(title);  
42.               
43.             return titleView;  
44.         }  
45.     };  
46.       
47. }  

 

    (3) Adapter实现：

view plain

0. package com.flora;  
1. import java.util.ArrayList;  
2. import java.util.List;  
3. import android.view.View;  
4. import android.view.ViewGroup;  
5. import android.widget.Adapter;  
6. import android.widget.BaseAdapter;  
7. public abstract class CategoryAdapter extends BaseAdapter {  
8.     private List<Category> categories = new ArrayList<Category>();  
9.       
10.     public void addCategory(String title, Adapter adapter) {  
11.         categories.add(new Category(title, adapter));  
12.     }  
13.       
14.     @Override  
15.     public int getCount() {  
16.         int total = 0;  
17.           
18.         for (Category category : categories) {  
19.             total += category.getAdapter().getCount() + 1;  
20.         }  
21.           
22.         return total;  
23.     }  
24.     @Override  
25.     public Object getItem(int position) {  
26.         for (Category category : categories) {  
27.             if (position == 0) {  
28.                 return category;  
29.             }  
30.               
31.             int size = category.getAdapter().getCount() + 1;  
32.             if (position < size) {  
33.                 return category.getAdapter().getItem(position-1);  
34.             }  
35.             position -= size;  
36.         }  
37.           
38.         return null;  
39.     }  
40.     @Override  
41.     public long getItemId(int position) {  
42.         return position;  
43.     }  
44.       
45.     public int getViewTypeCount() {  
46.         int total = 1;  
47.           
48.         for (Category category : categories) {  
49.             total += category.getAdapter().getViewTypeCount();  
50.         }  
51.           
52.         return total;  
53.     }  
54.     public int getItemViewType(int position) {  
55.         int typeOffset = 1;  
56.           
57.         for (Category category : categories) {  
58.             if (position == 0) {  
59.                 return 0;  
60.             }  
61.               
62.             int size = category.getAdapter().getCount() + 1;  
63.             if (position < size) {  
64.                 return typeOffset + category.getAdapter().getItemViewType(position - 1);  
65.             }  
66.             position -= size;  
67.               
68.             typeOffset += category.getAdapter().getViewTypeCount();  
69.         }  
70.           
71.         return -1;  
72.     }  
73.     @Override  
74.     public View getView(int position, View convertView, ViewGroup parent) {  
75.         int categoryIndex = 0;  
76.           
77.         for (Category category : categories) {  
78.             if (position == 0) {  
79.                 return getTitleView(category.getTitle(), categoryIndex,convertView, parent);  
80.             }  
81.             int size = category.getAdapter().getCount()+1;  
82.             if (position < size) {  
83.                 return category.getAdapter().getView(position - 1, convertView, parent);  
84.             }  
85.             position -= size;  
86.               
87.             categoryIndex++;  
88.         }  
89.           
90.         return null;  
91.     }  
92.       
93.     protected abstract View getTitleView(String caption,int index,View convertView,ViewGroup parent);  
94.       
95. }   

 

    (4) 分类ValueBean实现：

view plain

0. package com.flora;  
1. import android.widget.Adapter;  
2. public class Category {  
3.     private String mTitle;  
4.       
5.     private Adapter mAdapter;  
6.     public Category(String title, Adapter adapter) {  
7.         mTitle = title;  
8.         mAdapter = adapter;  
9.     }  
10.       
11.     public void setTile(String title) {  
12.         mTitle = title;  
13.     }  
14.       
15.     public String getTitle() {  
16.         return mTitle;  
17.     }  
18.       
19.     public void setAdapter(Adapter adapter) {  
20.         mAdapter = adapter;  
21.     }  
22.       
23.     public Adapter getAdapter() {  
24.         return mAdapter;  
25.     }  
26.       
27. }   

 

    (5) 分类Title实现：

view plain

0. <?xml version="1.0" encoding="utf-8"?>  
1. <TextView  
2.     xmlns:android = "http://schemas.android.com/apk/res/android"  
3.     android:layout_width = "match_parent"  
4.     android:layout_height = "match_parent"  
5.     android:minHeight = "30dip"  
6.     android:gravity = "center_vertical"  
7.     android:paddingLeft = "10dip"  
8.     android:background = "@color/title_background_color"  
9.     />