android ExpandableListView详解

最新推荐文章于 2025-02-04 07:39:07 发布

Wingene

最新推荐文章于 2025-02-04 07:39:07 发布

阅读量1k

点赞数

分类专栏： Android 文章标签： ExpandableListView android

Android 专栏收录该内容

19 篇文章

订阅专栏

原文

ExpandableListView是android中可以实现下拉list的一个控件，是一个垂直滚动的心事两个级别列表项手风琴试图，列表项是来自ExpandableListViewaAdapter，组可以单独展开。

重要方法：

 
expandGroup (int groupPos) ;//在分组列表视图中 展开一组，
 
setSelectedGroup (int groupPosition) ;//设置选择指定的组。
 
 
 
setSelectedChild (int groupPosition, int childPosition, boolean shouldExpandGroup);//设置选择指定的子项。
 
 
 
getPackedPositionGroup (long packedPosition);//返回所选择的组
 
 
 
getPackedPositionForChild (int groupPosition, int childPosition) ;//返回所选择的子项
 
 
 
getPackedPositionType (long packedPosition);//返回所选择项的类型（Child,Group）
 
 
 
isGroupExpanded (int groupPosition);//判断此组是否展开

expandableListView.setDivider();这个是设定每个Group之间的分割线。

expandableListView.setGroupIndicator();这个是设定每个Group之前的那个图标。

expandableListView.collapseGroup(int group); 将第group组收起

ExpandableListAdapter

一个接口，将基础数据链接到一个ExpandableListView。此接口的实施将提供访问Child的数据（由组分类），并实例化的Child和Group。

1.重要方法

　　　　getChildId (int groupPosition, int childPosition) 获取与在给定组给予孩子相关的数据。

　　　　getChildrenCount (int groupPosition) 返回在指定Group的Child数目。

案例：

首先定义个一个布局文件expandablelistview.xml

 
<?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/expandableListView"  
 
        android:layout_width ="fill_parent"  
 
        android:layout_height ="wrap_content"  
 
        >
 
     </ExpandableListView>
 
</LinearLayout>

 
package com.test;
 
 
 
import java.util.ArrayList;
 
import java.util.List;
 
 
 
import javax.security.auth.PrivateCredentialPermission;
 
 
 
import android.app.Activity;
 
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.ExpandableListView;
 
import android.widget.TextView;
 
 
 
public class ExpandableListViewDemo extends Activity {
 
    /** Called when the activity is first created. */
 
     
 
    //定义两个List用来控制Group和Child中的String;
 
     
 
    private  List<String>  groupArray;//组列表
 
    private  List<List<String>> childArray;//子列表
 
    private  ExpandableListView  expandableListView_one;
 
     
 
    @Override
 
    public void onCreate(Bundle savedInstanceState) {
 
        super.onCreate(savedInstanceState);
 
//        requestWindowFeature(Window.FEATURE_NO_TITLE);  //设置为无标题 
 
        setContentView(R.layout.expandablelistview);
 
        expandableListView_one =(ExpandableListView)findViewById(R.id.expandableListView);
 
        groupArray =new ArrayList<String>();
 
        childArray = new ArrayList<List<String>>();
 
        
 
        /*-第一季-*/
 
        initdate();
 
        expandableListView_one.setAdapter(new ExpandableListViewaAdapter(ExpandableListViewDemo.this));
 
         
 
        /*-第二季-*/
 
//        groupArray.add("移动开发");
 
//        List<String> arrayList = new ArrayList<String>();
 
//        arrayList.add("Android");
 
//        arrayList.add("IOS");
 
//        arrayList.add("Windows Phone");
 
//        //组循环
 
//        for(int index=0;index<groupArray.size();++index)
 
//        {
 
//          childArray.add(arrayList);
 
//        }
 
//        expandableListView_one.setAdapter(new ExpandableListViewaAdapter(ExpandableListViewDemo.this));
 
         
 
    }
 
    class ExpandableListViewaAdapter extends BaseExpandableListAdapter {
 
        Activity activity;
 
         public  ExpandableListViewaAdapter(Activity a) 
 
            { 
 
                activity = a; 
 
            } 
 
       /*-----------------Child */
 
        @Override
 
        public Object getChild(int groupPosition, int childPosition) {
 
            // TODO Auto-generated method stub
 
            return childArray.get(groupPosition).get(childPosition);
 
        }
 
 
 
        @Override
 
        public long getChildId(int groupPosition, int childPosition) {
 
            // TODO Auto-generated method stub
 
            return childPosition;
 
        }
 
 
 
        @Override
 
        public View getChildView(int groupPosition, int childPosition,
 
                boolean isLastChild, View convertView, ViewGroup parent) {
 
             
 
            String string =childArray.get(groupPosition).get(childPosition);
 
             
 
            return getGenericView(string);
 
        }
 
 
 
        @Override
 
        public int getChildrenCount(int groupPosition) {
 
            // TODO Auto-generated method stub
 
            return childArray.get(groupPosition).size();
 
        }
 
       /* ----------------------------Group */
 
        @Override
 
        public Object getGroup(int groupPosition) {
 
            // TODO Auto-generated method stub
 
            return getGroup(groupPosition);
 
        }
 
 
 
        @Override
 
        public int getGroupCount() {
 
            // TODO Auto-generated method stub
 
            return groupArray.size();
 
        }
 
 
 
        @Override
 
        public long getGroupId(int groupPosition) {
 
            // TODO Auto-generated method stub
 
            return groupPosition;
 
        }
 
 
 
        @Override
 
        public View getGroupView(int groupPosition, boolean isExpanded,
 
                View convertView, ViewGroup parent) {
 
             
 
           String   string=groupArray.get(groupPosition);
 
           return getGenericView(string);
 
        }
 
 
 
        @Override
 
        public boolean hasStableIds() {
 
            // TODO Auto-generated method stub
 
            return false;
 
        }
 
 
 
        @Override
 
        public boolean isChildSelectable(int groupPosition, int childPosition)
 
        {
 
            // TODO Auto-generated method stub
 
            return true;
 
        }
 
         
 
        private TextView  getGenericView(String string )
 
        {
 
              AbsListView.LayoutParams  layoutParams =new AbsListView.LayoutParams(
 
                    ViewGroup.LayoutParams.MATCH_PARENT,
 
                    ViewGroup.LayoutParams.WRAP_CONTENT);
 
               
 
              TextView  textView =new TextView(activity);
 
              textView.setLayoutParams(layoutParams);
 
               
 
              textView.setGravity(Gravity.CENTER_VERTICAL |Gravity.LEFT);
 
               
 
              textView.setPadding(40, 0, 0, 0);
 
              textView.setText(string);
 
              return textView;
 
         }
 
    }
 
     
 
    private void initdate()
 
    {
 
        addInfo("语言", new String[]{"Oracle","Java","Linux","Jquery"});
 
        addInfo("男人的需求", new String[]{"金钱","事业","权力","女人","房子","车","球"});
 
    }
 
    private void addInfo(String group,String []child) {
 
         
 
        groupArray.add(group);
 
         
 
        List<String>  childItem =new ArrayList<String>();
 
         
 
        for(int index=0;index<child.length;index++)
 
        {
 
            childItem.add(child[index]);
 
        }
 
         childArray.add(childItem);
 
    }
 
}

运行效果：

注释修改如下代码：

 
/*-第一季-*/
 
//        initdate();
 
//        expandableListView_one.setAdapter(new ExpandableListViewaAdapter(ExpandableListViewDemo.this));
 
         
 
        /*-第二季-*/
 
        groupArray.add("移动开发");
 
        List<String> arrayList = new ArrayList<String>();
 
        arrayList.add("Android");
 
        arrayList.add("IOS");
 
        arrayList.add("Windows Phone");
 
        //组循环
 
        for(int index=0;index<groupArray.size();++index)
 
        {
 
            childArray.add(arrayList);
 
        }
 
        expandableListView_one.setAdapter(new ExpandableListViewaAdapter(ExpandableListViewDemo.this));

运行效果：

★★★★★★★★★★★★★★★★★★★★

案例二：

1.定义一个主界面expandablelistview.xml

 
<?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/expandableListView"  
 
        android:layout_width ="fill_parent"  
 
        android:layout_height ="wrap_content"  
 
        >
 
     </ExpandableListView>
 
</LinearLayout>

2.在res/drawable目录下创建样式文件expandablelistview_groups.xml该界面是组界面：

 
<?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" >
 
     <TextView
 
        android:id="@+id/textGroup"  
 
        android:layout_width="fill_parent"  
 
        android:layout_height="fill_parent"  
 
        android:paddingLeft="40px"  
 
        android:paddingTop="6px"  
 
        android:paddingBottom="6px"  
 
        android:textSize="15sp"  
 
        android:text="No data"  
 
    >  
 
    </TextView>
 
</LinearLayout>

3.在res/drawable目录下创建样式文件expandablelistview_child.xml；是子控件，直接显示列表内容

 
<?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" >
 
     <TextView    
 
        android:id="@+id/textChild"  
 
        android:layout_width="fill_parent"   
 
        android:layout_height="fill_parent"   
 
        android:paddingLeft="60px"  
 
        android:paddingTop="10px"  
 
        android:paddingBottom="10px"  
 
        android:textSize="20sp"  
 
        android:text="No Data" /> 
 
</LinearLayout>

定义java文件：ExpandableListViewDemo_two.java

 
package com.test;
 
 
 
import java.util.ArrayList;
 
import java.util.HashMap;
 
import java.util.List;
 
import java.util.Map;
 
 
 
import javax.security.auth.PrivateCredentialPermission;
 
 
 
import com.test.R;
 
import com.test.ExpandableListViewDemo.ExpandableListViewaAdapter;
 
import com.test.R.id;
 
import com.test.R.layout;
 
 
 
import android.app.Activity;
 
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.ExpandableListView;
 
import android.widget.SimpleExpandableListAdapter;
 
import android.widget.TextView;
 
 
 
public class ExpandableListViewDemo_two extends Activity {
 
    /** Called when the activity is first created. */  
 
    private  ExpandableListView  expandableListView_one;
 
    @Override  
 
    public void onCreate(Bundle savedInstanceState)  
 
    {  
 
        super.onCreate(savedInstanceState);  
 
        setContentView(R.layout.expandablelistview);  
 
        expandableListView_one =(ExpandableListView)findViewById(R.id.expandableListView);  
 
        //创建二个一级条目标题   
 
        Map<String, String> title_1 = new HashMap<String, String>();  
 
        Map<String, String> title_2 = new HashMap<String, String>();  
 
            
 
        title_1.put("group", "移动开发");  
 
        title_2.put("group", "男人的需求");  
 
            
 
        //创建一级条目容器   
 
        List<Map<String, String>> gruops = new ArrayList<Map<String,String>>();  
 
            
 
        gruops.add(title_1);  
 
        gruops.add(title_2);  
 
            
 
        //创建二级条目内容   
 
            
 
        //内容一   
 
        Map<String, String> content_1 = new HashMap<String, String>();  
 
        Map<String, String> content_2 = new HashMap<String, String>();  
 
            
 
        content_1.put("child", "ANDROID");  
 
        content_2.put("child", "IOS");  
 
            
 
        List<Map<String, String>> childs_1 = new ArrayList<Map<String,String>>();  
 
        childs_1.add(content_1);  
 
        childs_1.add(content_2);  
 
            
 
        //内容二   
 
        Map<String, String> content_3 = new HashMap<String, String>();  
 
        Map<String, String> content_4 = new HashMap<String, String>(); 
 
        Map<String, String> content_5 = new HashMap<String, String>();
 
            
 
        content_3.put("child", "金钱");  
 
        content_4.put("child", "权力");  
 
        content_5.put("child", "女人");
 
        List<Map<String, String>> childs_2 = new ArrayList<Map<String,String>>();  
 
        childs_2.add(content_3);  
 
        childs_2.add(content_4); 
 
        childs_2.add(content_5);
 
            
 
        //存放两个内容, 以便显示在列表中   
 
        List<List<Map<String, String>>> childs = new ArrayList<List<Map<String,String>>>();  
 
        childs.add(childs_1);  
 
        childs.add(childs_2);  
 
            
 
        //创建ExpandableList的Adapter容器   
 
/** 
 
* 使用SimpleExpandableListAdapter显示ExpandableListView 
 
* 参数1.上下文对象Context 
 
* 参数2.一级条目目录集合 
 
* 参数3.一级条目对应的布局文件 （expandablelistview_groups.xml文件
 
* 参数4.fromto，就是map中的key，指定要显示的对象 
 
* 参数5.与参数4对应，指定要显示在groups中的id 
 
* 参数6.二级条目目录集合 
 
* 参数7.二级条目对应的布局文件 
 
* 参数9.与参数8对应，指定要显示在childs中的id 
 
/           SimpleExpandableListAdapter adapter = new SimpleExpandableListAdapter(  
 
                this, gruops, R.drawable.expandablelistview_groups, new String[]{"group"}, new int[]{R.id.textGroup},   
 
                childs, R.drawable.expandablelistview_child, new String[]{"child"}, new int[]{R.id.textChild}  
 
                );  
 
            
 
        //加入列表   
 
        expandableListView_one.setAdapter(adapter);
 
     expandableListView_one.setOnChildClickListener(listener);
 
    }  
 
    private OnChildClickListener  listener =new OnChildClickListener() {
 
   @Override
 
  public boolean onChildClick(ExpandableListView parent, View v,
 
    int groupPosition, int childPosition, long id) {
 
   // TODO Auto-generated method stub
 
   toast("点击了");
 
   return false;
 
  }
 
 };
 
 private void toast(String str) {
 
 Toast.makeText(this, str, Toast.LENGTH_LONG).show(); 
 
 }
 
}

上面的样式也可以使用系统的自带的样式如下：

android.R.layout.simple_expandable_list_item_1,//层显示样式，系统自定义

android.R.layout.simple_expandable_list_item_2,

运行效果：

案例三：如果group中有个ImageVIew将会是什么情况呢？

在SimpleExpandableListAdapter中有如下方法：

 
private void bindView(View view, Map<String, ?> data, String[] from, int[] to) {
 
        int len = to.length;
 
 
 
        for (int i = 0; i < len; i++) {
 
            TextView v = (TextView)view.findViewById(to[i]);
 
            if (v != null) {
 
                v.setText((String)data.get(from[i]));
 
            }
 
        }
 
    }

从上面的方法中可以看出 SimpleExpandableListAdapter把所以的View都当成TextView来处理了，而不像SimpleAdapter可以自动判断View的类型,自动绑定，解决版本就是重写bingview回调一下试试：

 
public class MyExpandableListAdapter extends BaseExpandableListAdapter{
 
        private void bindView(View view, Map<String, ?> data, String[] from, int[] to) {
 
                int len = to.length;
 
                boolean isBound = false;
 
                for (int i = 0; i < len; i++) {
 
                   final View v = view.findViewById(to[i]);
 
                 if (v!=null) {
 
                final Object _data = data.get(from[i]);
 
                String text = _data == null ? "" : data.toString();
 
                if (text == null) {
 
                    text = "";
 
                }
 
                          if (mViewBinder != null) {//如果Binder不为空,使用Binder进行处理
 
                                        isBound = mViewBinder.setViewValue(v, data.get(from[i]), text);
 
                                }
 
                                if (!isBound) {//如果Binder跳过,使用原来的方法进行处理
 
                                        TextView _v = (TextView)v;
 
                                        _v.setText((String)data.get(from[i]));
 
                                }                              
 
                        }
 
                }
 
        }
 
}