ExpandableListView分组列表

野性酷女 2022-06-16 00:47 245阅读 0赞

# ExpandableListView分组列表 #

### ExpandableListView是二级目录列表的展示效果，因为用得不多而且感觉比较难写，所有一直没怎么用。后面在看了一下，发现其实这个类的使用并不难，跟ListView使用是差不多的，有了数据源list，适配器adapter，就可以显示了。就是这个adapter写起来，继承的方法有点多，但是不难理解。 ###

这里也跟大家简单回顾一下这个知识！

# 一．ExpandableListView的知识 #

## （一）布局代码 ##

<?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="Hello World, MyActivity"
                />
        <ExpandableListView
                android:id="@+id/elv"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                />
    </LinearLayout>

## （二）实例化 ##

ExpandableListView elv;
      elv = (ExpandableListView) findViewById(R.id.elv);

## （四）数据源 ##

数据源也是ExpandableListView中比较麻烦一点的！

### 一般的数据源的集合都是：每一组对应一个对象，但是每一个对象里面又有一个组名和一个集合，最里面的集合的数据就是二级列表中显示的数据。 ###

比如：  
每一个GroudBean都是一组对象，每一组对象里面都有一个集合

private List<GroudBean> listGroud = new ArrayList<GroudBean>();

/**
     * 每一組的Bean
     */
    public class GroudBean {
        
        String name;//组名
        List<String> listChild;//二级目录的对象
    。。。
    }

## （三）设置adapter ##

adapter = new MyAdapter(this, listGroud);
      elv.setAdapter(adapter);

其中adapter类代码在后面详解。

# 二．使用示例 #

效果：

![s][]

## （一）布局文件，上面已经有了 ##

### （二）组的视图显示布局item\_groud.xml文件代码 ###

<?xml version="1.0" encoding="utf-8"?>
    
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginTop="20dp"
            >
        <TextView
                android:id="@+id/tv_groud"
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:gravity="center_vertical"
                android:textSize="30sp"
                />
    </RelativeLayout>

其中二级目录的视图item布局可以使用上面，也可以重新设计。

## （三）Adapter类的设计 ##

package com.example.expanableListView;
    
    import android.content.Context;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.BaseExpandableListAdapter;
    import android.widget.TextView;
    
    import java.util.ArrayList;
    import java.util.List;
    
    /**
     * ExpandableListView的適配器
     */
    public class MyAdapter extends BaseExpandableListAdapter {
        
        //所有组的数,每一组的数据里面还有一个集合
        private List<GroudBean> listGroud = new ArrayList<GroudBean>();
        //上下文
        private Context context;
    
        /**
         * 构造方法
         */
        public MyAdapter(Context context, List<GroudBean> listGroud) {
            this.context = context;
            this.listGroud.clear();
            this.listGroud.addAll(listGroud);
        }
    
        /**
         * @return返回组的数量
         */
        @Override
        public int getGroupCount() {
            return listGroud.size();
        }
    
        /**
         * 每个组的孩子的数量
         */
        @Override
        public int getChildrenCount(int groupPosition) {
            return listGroud.get(groupPosition).getListChild().size();
        }
    
        /**
         * 每个组的对象
         *
         * @param groupPosition
         * @return
         */
        @Override
        public GroudBean getGroup(int groupPosition) {
            return listGroud.get(groupPosition);
        }
    
        /**
         * 每个孩子的对象
         *
         * @param groupPosition
         * @param childPosition
         * @return
         */
        @Override
        public String getChild(int groupPosition, int childPosition) {
            return listGroud.get(groupPosition).getListChild().get(childPosition);
        }
    
        /**
         * 每个组的游标值
         *
         * @param groupPosition
         * @return
         */
        @Override
        public long getGroupId(int groupPosition) {
            return groupPosition;
        }
    
        /**
         * 组里面孩子的游标值
         *
         * @param groupPosition
         * @param childPosition
         * @return
         */
        @Override
        public long getChildId(int groupPosition, int childPosition) {
            return childPosition;
        }
    
        /**
         * 是否是稳定的值,一般返回true就可以
         *
         * @return
         */
        @Override
        public boolean hasStableIds() {
            return true;
        }
    
        /**
         * 是否可以被选中
         */
        @Override
        public boolean isChildSelectable(int groupPosition, int childPosition) {
            return true;
        }
    
        /**
         * 组的视图对象
    isExpanded 表示是否展开状态
         */
        @Override
        public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
            convertView = View.inflate(context, R.layout.item_groud, null);
            TextView tv_groud = (TextView) convertView.findViewById(R.id.tv_groud);
            tv_groud.setText("" + getGroup(groupPosition).getName());
            return convertView;
        }
    
        /**
         * 二级目录的视图对象
         *
         * @param groupPosition
         * @param childPosition
         * @param isLastChild
         * @param convertView
         * @param parent
         * @return
         */
        @Override
        public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
            convertView = View.inflate(context, R.layout.item_child, null);
            TextView tv_child = (TextView) convertView.findViewById(R.id.tv_child);
            tv_child.setText("" + getChild(groupPosition, childPosition));
            return convertView;
        }
    
    
    }

## （四）每组的Bean类的代码 ##

package com.example.expanableListView;
    
    import java.util.List;
    
    /**
     * 每一組的Bean
     */
    public class GroudBean {
        
    
        String name;
    
        List<String> listChild;
    
        public GroudBean(String name, List<String> listChild) {
            this.name = name;
            this.listChild = listChild;
        }
    
        public String getName() {
            return name;
        }
    
        public void setName(String name) {
            this.name = name;
        }
    
        public List<String> getListChild() {
            return listChild;
        }
    
        public void setListChild(List<String> listChild) {
            this.listChild = listChild;
        }
    
    
    
        @Override
        public String toString() {
            return "GroudBean{" +
                    "name='" + name + '\'' +
                    ", listChild=" + listChild +
                    '}';
        }
    
    
    }

## （五）主方法的代码 ##

package com.example.expanableListView;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.ExpandableListView;
    
    import java.util.ArrayList;
    import java.util.Arrays;
    import java.util.List;
    
    /**
     * ExpanableListView示例
     */
    public class MyActivity extends Activity {
        
        ExpandableListView elv;
        MyAdapter adapter;
        List<GroudBean> listGroud = new ArrayList<GroudBean>();
    
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            initView();
        }
    
    private void initView() {
    //实例化
            elv = (ExpandableListView) findViewById(R.id.elv);
    //添加数据
            String[] arr1={
       "ddd","aaaa"};
            String[] arr2={
       "kkkkk","ffff","dfsdfsdfsd"};
            String[] arr3={
       "aaaaa","bbbbb","cccccccccccccccccccccccccccccc"};
            listGroud.add(new GroudBean("第一組", Arrays.asList(arr1)));
            listGroud.add(new GroudBean("第二組", Arrays.asList(arr2)));
            listGroud.add(new GroudBean("第三組", Arrays.asList(arr3)));
    //设置适配器
            adapter = new MyAdapter(this, listGroud);
            elv.setAdapter(adapter);
        }
    }

### 可以看到设置好Adapter类，调用起来还是蛮简单的，其中ExpanableListView也是有条目点击事件和ListView也是差不多，这里就不说了。 ###

项目中的源码：  
[http://download.csdn.net/detail/wenzhi20102321/9829949][http_download.csdn.net_detail_wenzhi20102321_9829949]

### 上面的示例中组的视图可以改成问题加图片或多个文字，只需要改变组的item的布局，并且组名的数据不能仅仅是一个String了，而是一个对象可以传入需要的若干值。 ###

### 如果是二级目录的视图要改查复杂的效果也是要效果二级目录的item布局，组里面的对象的集合就不能仅仅是一个String了，而是一个对象可以传入需要的若干值。 ###

是不是有点晕！这里简单举个粒子！

List<GroudBean> listGroud = new ArrayList<GroudBean>();//这个可以不变

GroudBean类的代码就要变成：

public class GroudBean {
        Groud groud;//Groud也是一个Bena对象，里面可以定义多个值
    
        List<Child> listChild;//Child也是一个Bena对象，里面可以定义多个值
    。。。
    }

Groud 类和Child类就不写了。也是设置基本属性后添加get、set方法  
之前也写过ExpanableListView的博客（写得比较啰嗦）：  
[http://blog.csdn.net/wenzhi20102321/article/details/53493300][http_blog.csdn.net_wenzhi20102321_article_details_53493300]  
ExpanableListView现在用得还是比较少了，很多UI界面基本不用这种效果，除非特殊界面吧！

# 共勉：中国还是比较缺少技术型的管理人才，我也希望多一些人关注这一个岗位，虽然我还不是，我也是非常想让我们程序员既能学到很多知识，也能学到做人的很多道理，还能愉快的持之以恒的去敲代码！ #

这里插播一句：其实加班并不是我们程序员苦恼的，苦恼的是思维混乱，目的不明确，而且还要在这种情况下，坚持的敲下去。

[s]: /images/20220616/c9776a74fea74d2d9799de093ac01537.png
[http_download.csdn.net_detail_wenzhi20102321_9829949]: http://download.csdn.net/detail/wenzhi20102321/9829949
[http_blog.csdn.net_wenzhi20102321_article_details_53493300]: http://blog.csdn.net/wenzhi20102321/article/details/53493300