Android 之 ExpandableListView 的使用

喜欢显示好友QQ那样的列表，可以展开，可以收起，在android中，以往用的比较多的是listview，虽然可以实现列表的展示，但在某些情况下，我们还是希望用到可以分组并实现收缩的列表，那就要用到android的ExpandableListView，今天研究了一下这个的用法，也参考了很多资料动手写了一个小demo，实现了基本的功能，但界面优化方面做得还不够好，有待改进，素材采用了Q版三国杀武将的图片，很有爱哈哈，下面直接上效果图以及源代码~！

           

main.xml的布局很简单啦，只是一个ExpandableListView 就OK了

但值得简单说下的是 android:cacheColorHint="#00000000"，这个设置可以去除拖动view时背景变成黑色的效果

android:listSelector="#00000000" ，可以去除选中时的黄色底色

<?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:orientation="vertical" >  
    <ExpandableListView   
        android:id="@+id/list"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:background="#ffffff"  
        android:cacheColorHint="#00000000"  
        android:listSelector="#00000000"   
        >  
          
    </ExpandableListView>  
  
</LinearLayout>

 

java代码：

package com.eyu.activity_test;  
  
import android.app.Activity;  
import android.graphics.Color;  
import android.os.Bundle;  
import android.view.Gravity;  
import android.view.View;  
import android.view.ViewGroup;  
import android.view.Window;  
import android.widget.AbsListView;  
import android.widget.BaseExpandableListAdapter;  
import android.widget.ExpandableListAdapter;  
import android.widget.ExpandableListView;  
import android.widget.ExpandableListView.OnChildClickListener;  
import android.widget.ImageView;  
import android.widget.LinearLayout;  
import android.widget.TextView;  
import android.widget.Toast;  
  
public class ExpandableList extends Activity{  
  
    protected void onCreate(Bundle savedInstanceState) {  
        // TODO Auto-generated method stub  
        super.onCreate(savedInstanceState);  
        requestWindowFeature(Window.FEATURE_NO_TITLE);  
        setContentView(R.layout.main);  
  
        final ExpandableListAdapter adapter = new BaseExpandableListAdapter() {  
            //设置组视图的图片  
            int[] logos = new int[] { R.drawable.wei, R.drawable.shu,R.drawable.wu};  
            //设置组视图的显示文字  
            private String[] generalsTypes = new String[] { "魏", "蜀", "吴" };  
            //子视图显示文字  
            private String[][] generals = new String[][] {  
                    { "夏侯惇", "甄姬", "许褚", "郭嘉", "司马懿", "杨修" },  
                    { "马超", "张飞", "刘备", "诸葛亮", "黄月英", "赵云" },  
                    { "吕蒙", "陆逊", "孙权", "周瑜", "孙尚香" }  
  
            };  
            //子视图图片  
            public int[][] generallogos = new int[][] {  
                    { R.drawable.xiahoudun, R.drawable.zhenji,  
                            R.drawable.xuchu, R.drawable.guojia,  
                            R.drawable.simayi, R.drawable.yangxiu },  
                    { R.drawable.machao, R.drawable.zhangfei,  
                            R.drawable.liubei, R.drawable.zhugeliang,  
                            R.drawable.huangyueying, R.drawable.zhaoyun },  
                    { R.drawable.lvmeng, R.drawable.luxun, R.drawable.sunquan,  
                            R.drawable.zhouyu, R.drawable.sunshangxiang } };  
              
            //自己定义一个获得文字信息的方法  
            TextView getTextView() {  
                AbsListView.LayoutParams lp = new AbsListView.LayoutParams(  
                        ViewGroup.LayoutParams.FILL_PARENT, 64);  
                TextView textView = new TextView(  
                        ExpandableList.this);  
                textView.setLayoutParams(lp);  
                textView.setGravity(Gravity.CENTER_VERTICAL);  
                textView.setPadding(36, 0, 0, 0);  
                textView.setTextSize(20);  
                textView.setTextColor(Color.BLACK);  
                return textView;  
            }  
  
              
            //重写ExpandableListAdapter中的各个方法  
            @Override  
            public int getGroupCount() {  
                // TODO Auto-generated method stub  
                return generalsTypes.length;  
            }  
  
            @Override  
            public Object getGroup(int groupPosition) {  
                // TODO Auto-generated method stub  
                return generalsTypes[groupPosition];  
            }  
  
            @Override  
            public long getGroupId(int groupPosition) {  
                // TODO Auto-generated method stub  
                return groupPosition;  
            }  
  
            @Override  
            public int getChildrenCount(int groupPosition) {  
                // TODO Auto-generated method stub  
                return generals[groupPosition].length;  
            }  
  
            @Override  
            public Object getChild(int groupPosition, int childPosition) {  
                // TODO Auto-generated method stub  
                return generals[groupPosition][childPosition];  
            }  
  
            @Override  
            public long getChildId(int groupPosition, int childPosition) {  
                // TODO Auto-generated method stub  
                return childPosition;  
            }  
  
            @Override  
            public boolean hasStableIds() {  
                // TODO Auto-generated method stub  
                return true;  
            }  
  
            @Override  
            public View getGroupView(int groupPosition, boolean isExpanded,  
                    View convertView, ViewGroup parent) {  
                // TODO Auto-generated method stub  
                LinearLayout ll = new LinearLayout(  
                        ExpandableList.this);  
                ll.setOrientation(0);  
                ImageView logo = new ImageView(ExpandableList.this);  
                logo.setImageResource(logos[groupPosition]);  
                logo.setPadding(50, 0, 0, 0);  
                ll.addView(logo);  
                TextView textView = getTextView();  
                textView.setTextColor(Color.BLACK);  
                textView.setText(getGroup(groupPosition).toString());  
                ll.addView(textView);  
  
                return ll;  
            }  
  
            @Override  
            public View getChildView(int groupPosition, int childPosition,  
                    boolean isLastChild, View convertView, ViewGroup parent) {  
                // TODO Auto-generated method stub  
                LinearLayout ll = new LinearLayout(  
                        ExpandableList.this);  
                ll.setOrientation(0);  
                ImageView generallogo = new ImageView(  
                        ExpandableList.this);  
                generallogo  
                        .setImageResource(generallogos[groupPosition][childPosition]);  
                ll.addView(generallogo);  
                TextView textView = getTextView();  
                textView.setText(getChild(groupPosition, childPosition)  
                        .toString());  
                ll.addView(textView);  
                return ll;  
            }  
  
            @Override  
            public boolean isChildSelectable(int groupPosition,  
                    int childPosition) {  
                // TODO Auto-generated method stub  
                return true;  
            }  
  
        };  
  
        ExpandableListView expandableListView = (ExpandableListView) findViewById(R.id.list);  
        expandableListView.setAdapter(adapter);  
          
          
        //设置item点击的监听器  
        expandableListView.setOnChildClickListener(new OnChildClickListener() {  
  
            @Override  
            public boolean onChildClick(ExpandableListView parent, View v,  
                    int groupPosition, int childPosition, long id) {  
  
                Toast.makeText(  
                        ExpandableList.this,  
                        "你点击了" + adapter.getChild(groupPosition, childPosition),  
                        Toast.LENGTH_SHORT).show();  
  
                return false;  
            }  
        });  
    }  
  
  
}