android中的Section ListView

前几天，和ios开发的同事扯淡时发现iphone里有个section listview，分章节的列表。android中的联系人也有这种效果，首字母相同的联系人会被分在一个章节中。

后来搜了一下，android做起来也很easy。下面记录一下方便以后参考(大家改一下包名)

首先复写一下BaseAdapter:

[java] view
plaincopy

1. package com.test.activity;
2. import java.util.LinkedHashMap;
3. import java.util.Map;
4. import android.content.Context;
5. import android.view.View;
6. import android.view.ViewGroup;
7. import android.widget.Adapter;
8. import android.widget.ArrayAdapter;
9. import android.widget.BaseAdapter;
10. public class SeparatedListAdapter extends BaseAdapter {
11. public final Map<String, Adapter> sections = new LinkedHashMap<String, Adapter>();
12. public final ArrayAdapter<String> headers;
13. public final static int TYPE_SECTION_HEADER = 0;
14. public SeparatedListAdapter(Context context) {
15. headers = new ArrayAdapter<String>(context, R.layout.list_header);
16. }
17. public void addSection(String section, Adapter adapter) {
18. this.headers.add(section);
19. this.sections.put(section, adapter);
20. }
21. public Object getItem(int position) {
22. for (Object section : this.sections.keySet()) {
23. Adapter adapter = sections.get(section);
24. int size = adapter.getCount() + 1;
25. // check if position inside this section
26. if (position == 0)
27. return section;
28. if (position < size)
29. return adapter.getItem(position - 1);
30. // otherwise jump into next section
31. position -= size;
32. }
33. return null;
34. }
35. public int getCount() {
36. // total together all sections, plus one for each section header
37. int total = 0;
38. for (Adapter adapter : this.sections.values())
39. total += adapter.getCount() + 1;
40. return total;
41. }
42. public int getViewTypeCount() {
43. // assume that headers count as one, then total all sections
44. int total = 1;
45. for (Adapter adapter : this.sections.values())
46. total += adapter.getViewTypeCount();
47. return total;
48. }
49. public int getItemViewType(int position) {
50. int type = 1;
51. for (Object section : this.sections.keySet()) {
52. Adapter adapter = sections.get(section);
53. int size = adapter.getCount() + 1;
54. // check if position inside this section
55. if (position == 0)
56. return TYPE_SECTION_HEADER;
57. if (position < size)
58. return type + adapter.getItemViewType(position - 1);
59. // otherwise jump into next section
60. position -= size;
61. type += adapter.getViewTypeCount();
62. }
63. return -1;
64. }
65. public boolean areAllItemsSelectable() {
66. return false;
67. }
68. public boolean isEnabled(int position) {
69. return (getItemViewType(position) != TYPE_SECTION_HEADER);
70. }
71. @Override
72. public View getView(int position, View convertView, ViewGroup parent) {
73. int sectionnum = 0;
74. for (Object section : this.sections.keySet()) {
75. Adapter adapter = sections.get(section);
76. int size = adapter.getCount() + 1;
77. // check if position inside this section
78. if (position == 0)
79. return headers.getView(sectionnum, convertView, parent);
80. if (position < size)
81. return adapter.getView(position - 1, convertView, parent);
82. // otherwise jump into next section
83. position -= size;
84. sectionnum++;
85. }
86. return null;
87. }
88. @Override
89. public long getItemId(int position) {
90. return position;
91. }
92. }

然后开始写主Act，用listview适配一下上面的adapter

[java] view
plaincopy

1. package com.test.activity;
2. import java.util.HashMap;
3. import java.util.LinkedList;
4. import java.util.List;
5. import java.util.Map;
6. import android.app.Activity;
7. import android.os.Bundle;
8. import android.widget.ArrayAdapter;
9. import android.widget.ListView;
10. import android.widget.SimpleAdapter;
11. public class ListSample extends Activity {
12. public final static String ITEM_TITLE = "title";
13. public final static String ITEM_CAPTION = "caption";
14. public Map<String, ?> createItem(String title, String caption) {
15. Map<String, String> item = new HashMap<String, String>();
16. item.put(ITEM_TITLE, title);
17. item.put(ITEM_CAPTION, caption);
18. return item;
19. }
20. @Override
21. public void onCreate(Bundle icicle) {
22. super.onCreate(icicle);
23. List<Map<String, ?>> security = new LinkedList<Map<String, ?>>();
24. security.add(createItem("Remember passwords",
25. "Save usernames and passwords for Web sites"));
26. security.add(createItem("Clear passwords",
27. "Save usernames and passwords for Web sites"));
28. security.add(createItem("Show security warnings",
29. "Show warning if there is a problem with a site's security"));
30. // create our list and custom adapter
31. SeparatedListAdapter adapter = new SeparatedListAdapter(this);
32. adapter.addSection("Array test", new ArrayAdapter<String>(this,
33. R.layout.list_item, new String[] { "First item", "Item two" }));
34. adapter.addSection("Security", new SimpleAdapter(this, security,
35. R.layout.list_complex,
36. new String[] { ITEM_TITLE, ITEM_CAPTION }, new int[] {
37. R.id.list_complex_title, R.id.list_complex_caption }));
38. ListView list = new ListView(this);
39. list.setAdapter(adapter);
40. this.setContentView(list);
41. }
42. }

这样java代码就写完了。。

最后把xml布局文件粘贴一下就可以跑起来了

[html] view
plaincopy

1. <!-- list_complex.xml -->
2. <LinearLayout
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:layout_width="fill_parent"
5. android:layout_height="wrap_content"
6. android:orientation="vertical"
7. android:paddingTop="10dip"
8. android:paddingBottom="10dip"
9. android:paddingLeft="15dip"
10. >
11. <TextView
12. android:id="@+id/list_complex_title"
13. android:layout_width="fill_parent"
14. android:layout_height="wrap_content"
15. android:textAppearance="?android:attr/textAppearanceLarge"
16. />
17. <TextView
18. android:id="@+id/list_complex_caption"
19. android:layout_width="fill_parent"
20. android:layout_height="wrap_content"
21. android:textAppearance="?android:attr/textAppearanceSmall"
22. />
23. </LinearLayout>

[html] view
plaincopy

1. <!-- list_header.xml -->
2. <TextView
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:id="@+id/list_header_title"
5. android:layout_width="fill_parent"
6. android:layout_height="wrap_content"
7. android:paddingTop="2dip"
8. android:paddingBottom="2dip"
9. android:paddingLeft="5dip"
10. style="?android:attr/listSeparatorTextViewStyle" />

[html] view
plaincopy

1. <!-- list_item.xml -->
2. <TextView
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:id="@+id/list_item_title"
5. android:layout_width="fill_parent"
6. android:layout_height="fill_parent"
7. android:paddingTop="10dip"
8. android:paddingBottom="10dip"
9. android:paddingLeft="15dip"
10. android:textAppearance="?android:attr/textAppearanceLarge"
11. />