使用ExpandableListView

来源：互联网发布：广州cnc编程最新招聘编辑：程序博客网时间：2024/05/15 11:23

效果图

Group右边的图标是Android系统自动加上的默认图标

子列表默认不加任何图标

Res/layout/expandable_list_view.xml代码  
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout  
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:orientation="vertical"  
  android:layout_width="match_parent"  
  android:layout_height="match_parent">  
    <ExpandableListView android:id="@+id/expandable_list_view"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" />  
</LinearLayout>  

Java代码  
package com.improve;  
import android.app.Activity;  
import android.os.Bundle;  
import android.view.Gravity;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.AbsListView;  
import android.widget.BaseExpandableListAdapter;  
import android.widget.ExpandableListView;  
import android.widget.ExpandableListView.OnChildClickListener;  
import android.widget.ExpandableListView.OnGroupCollapseListener;  
import android.widget.ExpandableListView.OnGroupExpandListener;  
import android.widget.Toast;  
import android.widget.ExpandableListView.OnGroupClickListener;  
import android.widget.TextView;  
  
/** 
 * ExpandableListView只能是两级层次 
 * @author Davee 
 */  
public class ExpandableListViewDemo extends Activity {  
    private List<String> groupData;  
    private List<List<String>> childrenData;  
    private void loadData() {  
        groupData = new ArrayList<String>();  
        groupData.add("Group 1");  
        groupData.add("Group 2");  
        groupData.add("Group 3");  
  
        childrenData = new ArrayList<List<String>>();  
        List<String> sub1 = new ArrayList<String>();  
        sub1.add("G1 Item 1");  
        sub1.add("G1 Item 2");  
        childrenData.add(sub1);  
        List<String> sub2 = new ArrayList<String>();  
        sub2.add("G2 Item 1");  
        sub2.add("G2 Item 2");  
        sub2.add("G2 Item 3");  
        sub2.add("G2 Item 4");  
        childrenData.add(sub2);  
        List<String> sub3 = new ArrayList<String>();  
        sub3.add("G3 Item 1");  
        sub3.add("G3 Item 2");  
        sub3.add("G3 Item 3");  
        sub3.add("G3 Item 4");  
        sub3.add("G3 Item 5");  
        childrenData.add(sub3);  
    }  
  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.expandable_list_view);  
          
        loadData();  
          
        ExpandableListView expandableListView = (ExpandableListView)findViewById(R.id.expandable_list_view);  
        expandableListView.setAdapter(new ExpandableAdapter());  
        expandableListView.setOnGroupClickListener(new OnGroupClickListener() {  
            @Override  
            public boolean onGroupClick(ExpandableListView parent, View clickedView, int groupPosition, long groupId) {  
                showMessage("点击Group: " + ((TextView)clickedView).getText());  
                return false;//返回true表示此事件在此被处理了  
            }  
        });  
        expandableListView.setOnChildClickListener(new OnChildClickListener() {  
            @Override  
            public boolean onChildClick(ExpandableListView expandablelistview,  
                    View clickedView, int groupPosition, int childPosition, long childId) {  
                showMessage("点击Child: " + ((TextView)clickedView).getText());  
                return false;//返回true表示此事件在此被处理了  
            }  
        });  
        expandableListView.setOnGroupCollapseListener(new OnGroupCollapseListener() {  
            @Override  
            public void onGroupCollapse(int groupPosition) {  
                showMessage("合拢Group: " + (groupPosition + 1));  
            }  
        });  
        expandableListView.setOnGroupExpandListener(new OnGroupExpandListener() {  
            @Override  
            public void onGroupExpand(int groupPosition) {  
                showMessage("展开Group: " + (groupPosition + 1));  
            }  
        });  
    }  
      
    private class ExpandableAdapter extends BaseExpandableListAdapter {  
  
        @Override  
        public Object getChild(int groupPosition, int childPosition) {  
            return childrenData.get(groupPosition).get(childPosition);  
        }  
  
        @Override  
        public long getChildId(int groupPosition, int childPosition) {  
            return 0;  
        }  
  
        @Override  
        public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {  
            TextView text = null;  
            if (convertView != null) {  
                text = (TextView)convertView;  
                text.setText(childrenData.get(groupPosition).get(childPosition));  
            } else {  
                text = createView(childrenData.get(groupPosition).get(childPosition));  
            }  
            return text;  
        }  
  
        @Override  
        public int getChildrenCount(int groupPosition) {  
            return childrenData.get(groupPosition).size();  
        }  
  
        @Override  
        public Object getGroup(int groupPosition) {  
            return groupData.get(groupPosition);  
        }  
  
        @Override  
        public int getGroupCount() {  
            return groupData.size();  
        }  
  
        @Override  
        public long getGroupId(int groupPosition) {  
            return 0;  
        }  
  
        @Override  
        public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {  
            TextView text = null;  
            if (convertView != null) {  
                text = (TextView)convertView;  
                text.setText(groupData.get(groupPosition));  
            } else {  
                text = createView(groupData.get(groupPosition));  
            }  
            return text;  
        }  
  
        @Override  
        public boolean hasStableIds() {  
            return false;  
        }  
  
        @Override  
        public boolean isChildSelectable(int groupPosition, int childPosition) {  
            return false;  
        }  
          
        private TextView createView(String content) {  
            AbsListView.LayoutParams layoutParams = new AbsListView.LayoutParams(    
                    ViewGroup.LayoutParams.FILL_PARENT, 38);    
            TextView text = new TextView(ExpandableListViewDemo.this);    
            text.setLayoutParams(layoutParams);    
            text.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);    
            text.setPadding(40, 0, 0, 0);    
            text.setText(content);  
            return text;  
        }  
    }  
      
    private void showMessage(String message) {  
        Toast.makeText(this, message, Toast.LENGTH_SHORT).show();  
    }  
}  

在上面效果图中，图标是系统自动加上的，也可以定义自己的图标

效果图

增加drawable文件

Res/drawable/group_icon_selector.xml代码  
<?xml version="1.0" encoding="utf-8"?>  
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
    <item android:state_expanded="true" android:drawable="@drawable/narrow_expand" />  
    <item android:drawable="@drawable/narrow_unexpand" />  
</selector>  

修改布局

Res/layout/expandable_list_view.xml代码  
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout  
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:orientation="vertical"  
  android:layout_width="match_parent"  
  android:layout_height="match_parent">  
    <ExpandableListView android:id="@+id/expandable_list_view"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        android:groupIndicator="@drawable/group_icon_selector" />  
</LinearLayout>  