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, );
                 TextView textView = new TextView(
                         ExpandableList.this);
                 textView.setLayoutParams(lp);
                 textView.setGravity(Gravity.CENTER_VERTICAL);
                 textView.setPadding(, , , );
                 textView.setTextSize();
                 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();
                 ImageView logo = new ImageView(ExpandableList.this);
                 logo.setImageResource(logos[groupPosition]);
                 logo.setPadding(, , , );
                 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();
                 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;
             }
         });
     }  

 }