ExpandableListView を使ってみた

ExpandableListView は

java.lang.Object
  ↳ android.view.View
    ↳ android.view.ViewGroup
      ↳ android.widget.AdapterView<T extends android.widget.Adapter>
        ↳ android.widget.AbsListView
          ↳ android.widget.ListView
            ↳ android.widget.ExpandableListView

を使用します

Group のリストがありそれぞれが Child のリストを保持しています.
Group をクリックすRと Child のリストが開き，もう一度クリックするとリストが閉じられます.

というわけで，ExpandableListView をいじってみた.

サンプルコード

view plainprint?

1. public class ExpandableListViewSample extends Activity {  
2.   private static final String KEY1 = "GROUP";  
3.   private static final String KEY2 = "CHILD";  
4.   
5.   // 表示させる文字列  
6.   private String[] GROUPS = {"Group1", "Group2", "Group3"};  
7.   private String[][][] CHILDREN = {  
8.       {{"Child11", "Text11"}},   
9.       {{"Child21", "Text21"}, {"Child22", "Text22"}},  
10.       {{"Child31", "Text31"}, {"Child32", "Text32"}, {"Child33", "Text33"}},   
11.   };  
12.   
13.   @Override  
14.   public void onCreate(Bundle savedInstanceState) {  
15.     super.onCreate(savedInstanceState);  
16.     setContentView(R.layout.expandablelistview_sample);  
17.   
18.     // 設定する文字列のリスト  
19.     List<Map<String, String>> groupData =  
20.         new ArrayList<Map<String, String>>();  
21.     List<List<Map<String, String>>> childData =  
22.         new ArrayList<List<Map<String, String>>>();  
23.   
24.     // リストに文字列を設定していく  
25.     for (int i = 0; i < GROUPS.length; i++) {  
26.       // 親要素の追加  
27.       Map<String, String> curGroupMap =  
28.           new HashMap<String, String>();  
29.       groupData.add(curGroupMap);  
30.       curGroupMap.put(KEY1, GROUPS[i]);  
31.       curGroupMap.put(KEY2, "");  
32.   
33.       List<Map<String, String>> children =  
34.           new ArrayList<Map<String, String>>();  
35.       if (CHILDREN.length > i) {  
36.         for (int j = 0; j < CHILDREN[i].length; j++) {  
37.           // 子要素の追加  
38.           Map<String, String> curChildMap =  
39.               new HashMap<String, String>();  
40.           children.add(curChildMap);  
41.           curChildMap.put(KEY1, CHILDREN[i][j][0]);  
42.           curChildMap.put(KEY2, CHILDREN[i][j][1]);  
43.         }  
44.       }  
45.       childData.add(children);  
46.     }  
47.   
48.     // ExpandbleListAdapter の作成  
49.     ExpandableListAdapter adapter =  
50.         new SimpleExpandableListAdapter(  
51.             this,  
52.             groupData,  
53.             android.R.layout.simple_expandable_list_item_1,  
54.             new String[] { KEY1, KEY2 },  
55.             new int[] { android.R.id.text1, android.R.id.text2 },  
56.             childData,  
57.             android.R.layout.simple_expandable_list_item_2,  
58.             new String[] { KEY1, KEY2 },  
59.             new int[] { android.R.id.text1, android.R.id.text2 }  
60.         );  
61.   
62.     ExpandableListView listView =   
63.       (ExpandableListView) findViewById(R.id.ExpandableListView);  
64.     // Adapter を設定  
65.     listView.setAdapter(adapter);  
66.       
67.     // グループがクリックされた時に呼び出されるコールバックを登録  
68.     listView.setOnGroupClickListener(new OnGroupClickListener() {  
69.       @Override  
70.       public boolean onGroupClick(ExpandableListView parent,  
71.           View v, int groupPosition, long id) {  
72.         // クリックされた時の処理  
73.         return false;  
74.       }        
75.     });  
76.       
77.     // グループ内の項目がクリックされた時に呼び出されるコールバックを登録  
78.     listView.setOnChildClickListener(new OnChildClickListener() {  
79.       @Override  
80.       public boolean onChildClick(ExpandableListView parent, View v,  
81.           int groupPosition, int childPosition, long id) {  
82.         // クリックされた時の処理  
83.         return false;  
84.       }        
85.     });  
86.   }    
87. }  

public class ExpandableListViewSample extends Activity {
  private static final String KEY1 = "GROUP";
  private static final String KEY2 = "CHILD";

  // 表示させる文字列
  private String[] GROUPS = {"Group1", "Group2", "Group3"};
  private String[][][] CHILDREN = {
      {{"Child11", "Text11"}}, 
      {{"Child21", "Text21"}, {"Child22", "Text22"}},
      {{"Child31", "Text31"}, {"Child32", "Text32"}, {"Child33", "Text33"}}, 
  };

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.expandablelistview_sample);

    // 設定する文字列のリスト
    List<Map<String, String>> groupData =
        new ArrayList<Map<String, String>>();
    List<List<Map<String, String>>> childData =
        new ArrayList<List<Map<String, String>>>();

    // リストに文字列を設定していく
    for (int i = 0; i < GROUPS.length; i++) {
      // 親要素の追加
      Map<String, String> curGroupMap =
          new HashMap<String, String>();
      groupData.add(curGroupMap);
      curGroupMap.put(KEY1, GROUPS[i]);
      curGroupMap.put(KEY2, "");

      List<Map<String, String>> children =
          new ArrayList<Map<String, String>>();
      if (CHILDREN.length > i) {
        for (int j = 0; j < CHILDREN[i].length; j++) {
          // 子要素の追加
          Map<String, String> curChildMap =
              new HashMap<String, String>();
          children.add(curChildMap);
          curChildMap.put(KEY1, CHILDREN[i][j][0]);
          curChildMap.put(KEY2, CHILDREN[i][j][1]);
        }
      }
      childData.add(children);
    }

    // ExpandbleListAdapter の作成
    ExpandableListAdapter adapter =
        new SimpleExpandableListAdapter(
            this,
            groupData,
            android.R.layout.simple_expandable_list_item_1,
            new String[] { KEY1, KEY2 },
            new int[] { android.R.id.text1, android.R.id.text2 },
            childData,
            android.R.layout.simple_expandable_list_item_2,
            new String[] { KEY1, KEY2 },
            new int[] { android.R.id.text1, android.R.id.text2 }
        );

    ExpandableListView listView = 
      (ExpandableListView) findViewById(R.id.ExpandableListView);
    // Adapter を設定
    listView.setAdapter(adapter);
    
    // グループがクリックされた時に呼び出されるコールバックを登録
    listView.setOnGroupClickListener(new OnGroupClickListener() {
      @Override
      public boolean onGroupClick(ExpandableListView parent,
          View v, int groupPosition, long id) {
        // クリックされた時の処理
        return false;
      }      
    });
    
    // グループ内の項目がクリックされた時に呼び出されるコールバックを登録
    listView.setOnChildClickListener(new OnChildClickListener() {
      @Override
      public boolean onChildClick(ExpandableListView parent, View v,
          int groupPosition, int childPosition, long id) {
        // クリックされた時の処理
        return false;
      }      
    });
  }  
}

さらに
setOnGroupCollapseListener でグループが閉じた時，
setOnGroupExpandListener でグループが開いた時
の処理もできる模様！

XMLリソース

view plainprint?

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.   <TextView  
7.     android:layout_width="fill_parent"  
8.     android:layout_height="wrap_content"   
9.     android:text="ExpandableListViewSample" />  
10.   <ExpandableListView   
11.     android:layout_width="fill_parent"  
12.     android:layout_height="0dip"   
13.     android:layout_weight="1"  
14.     android:id="@+id/ExpandableListView">  
15.   </ExpandableListView>  
16. </LinearLayout>  

<?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">
  <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" 
    android:text="ExpandableListViewSample" />
  <ExpandableListView 
    android:layout_width="fill_parent"
    android:layout_height="0dip" 
    android:layout_weight="1"
    android:id="@+id/ExpandableListView">
  </ExpandableListView>
</LinearLayout>

プログラムを実行すると...

グループを開いたとき

こんな感じ!


参考サイト http://developer.android.com/intl/ja/reference/android/widget/ExpandableListView.html