美文网首页Android开发程序员
ExpandableListView(可折叠列表)的基本使用

ExpandableListView(可折叠列表)的基本使用

作者: 侯蛋蛋_ | 来源:发表于2017-09-18 07:39 被阅读0次

    ExpandableListView 是什么?

    官方给出的解释是:A view that shows items in a vertically scrolling two-level list. This differs from the ListView by allowing two levels: groups which can individually be expanded to show its children. The items come from the ExpandableListAdapter associated with this view.

    简单翻译一下就是:一种用于垂直滚动展示两级列表的视图,和 ListView 的不同之处就是它可以展示两级列表,分组可以单独展开显示子选项。这些选项的数据是通过 ExpandableListAdapter 关联的。
    这个 ExpandableListAdapter 又是什么呢?和 ListView 使用的 BaseAdapter 差不多,都是用来给 View 提供数据、 实例化子布局的。实际使用的时候实现这个接口就可以了。
    了解了这么多,我们来亲自实战一下。

    1.定义布局文件,指定必要的属性,其他的先不修改。
    <ExpandableListView
            android:id="@+id/expand_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    
    2.定义要显示的数据

    分组的数据是个一维数组,子列表的数据是个二维数组。这个好理解吧,子列表依附于某个分组,本身还有索引,当然要定义成二维的。

    public String[] groupStrings = {"西游记", "水浒传", "三国演义", "红楼梦"};
        public String[][] childStrings = {
                {"唐三藏", "孙悟空", "猪八戒", "沙和尚"},
                {"宋江", "林冲", "李逵", "鲁智深"},
                {"曹操", "刘备", "孙权", "诸葛亮", "周瑜"},
                {"贾宝玉", "林黛玉", "薛宝钗", "王熙凤"}
        };
    
    3.定义分组的视图和子选项的视图

    这里就用最简单的 TextView,显示文字数据就可以了。

    下面是分组的视图,因为分组项左边要显示 Indicator 的缘故,所以这里加上了给 TextView 加上了内边距。子选项的视图也是一个 TextView,比较简单就不贴代码了。

    <TextView
        android:id="@+id/label_expand_group"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:background="@android:color/holo_blue_light"
        android:paddingLeft="20dp"
        android:textColor="@android:color/white"
        android:textSize="20sp" />
    
    
    4.自定义适配器

    需要继承 BaseExpandableListAdapter 抽象类,重写相关的方法,代码中没贴出来的提供默认实现就好了。

    private class MyExpandableListAdapter extends BaseExpandableListAdapter {
    
            @Override
            public int getGroupCount() {
                return groupStrings.length;
            }
    
            @Override
            public int getChildrenCount(int i) {
                return childStrings[i].length;
            }
    
            @Override
            public Object getGroup(int i) {
                return groupStrings[i];
            }
    
            @Override
            public Object getChild(int i, int i1) {
                return childStrings[i][i1];
            }
    
            @Override
            public long getGroupId(int i) {
                return i;
            }
    
            @Override
            public long getChildId(int i, int i1) {
                return i1;
            }
    
            @Override
            public boolean hasStableIds() {
                return true;
            }
    
            @Override
            public View getGroupView(int i, boolean b, View view, ViewGroup viewGroup) {
                View myview;
                if (view == null) {
                    myview = View.inflate(getApplicationContext(), R.layout.text, null);
                } else {
                    myview = view;
                }
                TextView tv = myview.findViewById(R.id.label_expand_group);
                tv.setText(groupStrings[i]);
                return myview;
            }
    
            @Override
            public View getChildView(int i, int i1, boolean b, View view, ViewGroup viewGroup) {
                View myview;
                if (view == null) {
                    myview = View.inflate(getApplicationContext(), R.layout.childtext, null);
                } else {
                    myview = view;
                }
                TextView tv = myview.findViewById(R.id.tv);
                tv.setText(childStrings[i][i1]);
                return myview;
            }
    
            @Override
            public boolean isChildSelectable(int i, int i1) {
                return true;
            }
        }
    

    到现在基本上完成了,我们来看一下运行效果~~


    效果图

    ExpandableListView点击事件

    对于处理 Item 的点击事件,还是要设置监听器,常用的有这几类:

    • setOnChildClickListener
    • setOnGroupClickListener
    • setOnGroupCollapseListener
    • setOnGroupExpandListener

    通过方法名我们就能知道各自的用途,它们分别设置单击子选项、单击分组项、分组合并、分组展开的监听器。

    //        设置分组项的点击监听事件
    expandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
        @Override
        public boolean onGroupClick(ExpandableListView expandableListView, View view, int i, long l) {
            Toast.makeText(getApplicationContext(), groupStrings[i], Toast.LENGTH_SHORT).show();
            // 请务必返回 false,否则分组不会展开
            return false;
        }
    //        设置子选项点击监听事件
    expandableListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
        @Override
        public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
            Toast.makeText(getApplicationContext(), childStrings[groupPosition][childPosition], Toast.LENGTHshow();
            return true;
        }
    });
    

    相关文章

      网友评论

        本文标题:ExpandableListView(可折叠列表)的基本使用

        本文链接:https://www.haomeiwen.com/subject/idsvsxtx.html