ExpandableListView基础教程

最新推荐文章于 2024-04-21 23:36:34 发布
最新推荐文章于 2024-04-21 23:36:34 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： Android开发 文章标签： expandablelistview Android
本文是一篇关于Android中ExpandableListView的基础教程，详细介绍了如何创建和使用ExpandableListView，包括设置分组头部和子项内容的布局，监听子项点击，以及实现分组的展开和折叠功能。通过实例代码，读者可以理解并掌握ExpandableListView的用法。
摘要由CSDN通过智能技术生成

ExpandableListView基础教程

ExpandableListView 继承自 ListView , 其将数据分成多个类别，当用户点击某个分组头部时，该分组可以展开或者折叠。
如果你还不了解ListView，可以阅读ListView基础教程。

  • 创建一个新项目。
  • ExpandableListView需要三个布局文件。第一个布局文件是ExpandableListView的主体，第二个布局文件展示分组头部，第三个布局文件展示子项内容。打开activity_main.xml并且添加ExpandableListView 元素。
<?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"
    android:background="#f4f4f4" >

            <ExpandableListView
                android:id="@+id/lvExp"
                android:layout_height="match_parent"
                android:layout_width="match_parent"/>   

</LinearLayout>
  • 为ListView分组头部创建布局文件， 命名为list_group.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="wrap_content"
    android:orientation="vertical"
    android:padding="8dp"
    android:background="#000000">


    <TextView
        android:id="@+id/lblListHeader"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="?android:attr/expandableListPreferredItemPaddingLeft"
        android:textSize="17dp"
        android:textColor="#f9f93d" />

</LinearLayout>
  • 为ExpandableListView 子项创建布局文件，命名为list_item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="55dip"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/lblListItem"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textSize="17dip"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        android:paddingLeft="?android:attr/expandableListPreferredChildPaddingLeft" />

</LinearLayout>
  • 创建ExpandableListAdapter.java 继承BaseExpandableListAdapter . 该Adapter类有两个方法，用来实现ExpandableListView.
    getGroupView() - 返回分组头部视图
    getChildView() - 返回子项视图 
package info.androidhive.expandablelistview;

import java.util.HashMap;
import java.util.List;

import android.content.Context;
import android.graphics.Typeface;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;

public class ExpandableListAdapter extends BaseExpandableListAdapter {

    private Context _context;
    private List<String> _listDataHeader; // header titles
    // child data in format of header title, child title
    private HashMap<String, List<String>> _listDataChild;

    public ExpandableListAdapter(Context context, List<String> listDataHeader,
            HashMap<String, List<String>> listChildData) {
        this._context = context;
        this._listDataHeader = listDataHeader;
        this._listDataChild = listChildData;
    }

    @Override
    public Object getChild(int groupPosition, int childPosititon) {
        return this._listDataChild.get(this._listDataHeader.get(groupPosition))
                .get(childPosititon);
    }

    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public View getChildView(int groupPosition, final int childPosition,
            boolean isLastChild, View convertView, ViewGroup parent) {

        final String childText = (String) getChild(groupPosition, childPosition);

        if (convertView == null) {
            LayoutInflater infalInflater = (LayoutInflater) this._context
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = infalInflater.inflate(R.layout.list_item, null);
        }

        TextView txtListChild = (TextView) convertView
                .findViewById(R.id.lblListItem);

        txtListChild.setText(childText);
        return convertView;
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        return this._listDataChild.get(this._listDataHeader.get(groupPosition))
                .size();
    }

    @Override
    public Object getGroup(int groupPosition) {
        return this._listDataHeader.get(groupPosition);
    }

    @Override
    public int getGroupCount() {
        return this._listDataHeader.size();
    }

    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded,
            View convertView, ViewGroup parent) {
        String headerTitle = (String) getGroup(groupPosition);
        if (convertView == null) {
            LayoutInflater infalInflater = (LayoutInflater) this._context
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = infalInflater.inflate(R.layout.list_group, null);
        }

        TextView lblListHeader = (TextView) convertView
                .findViewById(R.id.lblListHeader);
        lblListHeader.setTypeface(null, Typeface.BOLD);
        lblListHeader.setText(headerTitle);

        return convertView;
    }

    @Override
    public boolean hasStableIds() {
        return false;
    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return true;
    }
}
  • 下面修改MainActivity.java .
package info.androidhive.expandablelistview;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
import android.widget.ExpandableListView.OnGroupClickListener;
import android.widget.ExpandableListView.OnGroupCollapseListener;
import android.widget.ExpandableListView.OnGroupExpandListener;
import android.widget.Toast;

public class MainActivity extends Activity {

    ExpandableListAdapter listAdapter;
    ExpandableListView expListView;
    List<String> listDataHeader;
    HashMap<String, List<String>> listDataChild;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // get the listview
        expListView = (ExpandableListView) findViewById(R.id.lvExp);

        // preparing list data
        prepareListData();

        listAdapter = new ExpandableListAdapter(this, listDataHeader, listDataChild);

        // setting list adapter
        expListView.setAdapter(listAdapter);
    }

    /*
     * Preparing the list data
     */
    private void prepareListData() {
        listDataHeader = new ArrayList<String>();
        listDataChild = new HashMap<String, List<String>>();

        // Adding child data
        listDataHeader.add("Top 250");
        listDataHeader.add("Now Showing");
        listDataHeader.add("Coming Soon..");

        // Adding child data
        List<String> top250 = new ArrayList<String>();
        top250.add("The Shawshank Redemption");
        top250.add("The Godfather");
        top250.add("The Godfather: Part II");
        top250.add("Pulp Fiction");
        top250.add("The Good, the Bad and the Ugly");
        top250.add("The Dark Knight");
        top250.add("12 Angry Men");

        List<String> nowShowing = new ArrayList<String>();
        nowShowing.add("The Conjuring");
        nowShowing.add("Despicable Me 2");
        nowShowing.add("Turbo");
        nowShowing.add("Grown Ups 2");
        nowShowing.add("Red 2");
        nowShowing.add("The Wolverine");

        List<String> comingSoon = new ArrayList<String>();
        comingSoon.add("2 Guns");
        comingSoon.add("The Smurfs 2");
        comingSoon.add("The Spectacular Now");
        comingSoon.add("The Canyons");
        comingSoon.add("Europa Report");

        listDataChild.put(listDataHeader.get(0), top250); // Header, Child data
        listDataChild.put(listDataHeader.get(1), nowShowing);
        listDataChild.put(listDataHeader.get(2), comingSoon);
    }
}

运行程序，将会看到如下的界面.（不同版本的图标可能不一样）
这里写图片描述

子项点击

想要监听子项是否被点击，需要实现setOnChildClickListener 接口。

// Listview on child click listener
expListView.setOnChildClickListener(new OnChildClickListener() {

            @Override
            public boolean onChildClick(ExpandableListView parent, View v,
                    int groupPosition, int childPosition, long id) {
                Toast.makeText(
                        getApplicationContext(),
                        listDataHeader.get(groupPosition)
                                + " : "
                                + listDataChild.get(
                                        listDataHeader.get(groupPosition)).get(
                                        childPosition), Toast.LENGTH_SHORT)
                        .show();
                return false;
            }
        });

分组展开

实现setOnGroupExpandListener 接口，当某个分组展开时，将会触发onGroupExpand 方法。

// Listview Group expanded listener
expListView.setOnGroupExpandListener(new OnGroupExpandListener() {

    @Override
    public void onGroupExpand(int groupPosition) {
        Toast.makeText(getApplicationContext(),
                listDataHeader.get(groupPosition) + " Expanded",
                Toast.LENGTH_SHORT).show();
    }
});

分组折叠

与分组展开类似，需要实现setOnGroupCollapseListener 接口.

// Listview Group collasped listener
expListView.setOnGroupCollapseListener(new OnGroupCollapseListener() {

    @Override
    public void onGroupCollapse(int groupPosition) {
        Toast.makeText(getApplicationContext(),
                listDataHeader.get(groupPosition) + " Collapsed",
                Toast.LENGTH_SHORT).show();

    }
});

完整代码

package info.androidhive.expandablelistview;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
import android.widget.ExpandableListView.OnGroupClickListener;
import android.widget.ExpandableListView.OnGroupCollapseListener;
import android.widget.ExpandableListView.OnGroupExpandListener;
import android.widget.Toast;

public class MainActivity extends Activity {

    ExpandableListAdapter listAdapter;
    ExpandableListView expListView;
    List<String> listDataHeader;
    HashMap<String, List<String>> listDataChild;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // get the listview
        expListView = (ExpandableListView) findViewById(R.id.lvExp);

        // preparing list data
        prepareListData();

        listAdapter = new ExpandableListAdapter(this, listDataHeader, listDataChild);

        // setting list adapter
        expListView.setAdapter(listAdapter);

        // Listview Group click listener
        expListView.setOnGroupClickListener(new OnGroupClickListener() {

            @Override
            public boolean onGroupClick(ExpandableListView parent, View v,
                    int groupPosition, long id) {
                // Toast.makeText(getApplicationContext(),
                // "Group Clicked " + listDataHeader.get(groupPosition),
                // Toast.LENGTH_SHORT).show();
                return false;
            }
        });

        // Listview Group expanded listener
        expListView.setOnGroupExpandListener(new OnGroupExpandListener() {

            @Override
            public void onGroupExpand(int groupPosition) {
                Toast.makeText(getApplicationContext(),
                        listDataHeader.get(groupPosition) + " Expanded",
                        Toast.LENGTH_SHORT).show();
            }
        });

        // Listview Group collasped listener
        expListView.setOnGroupCollapseListener(new OnGroupCollapseListener() {

            @Override
            public void onGroupCollapse(int groupPosition) {
                Toast.makeText(getApplicationContext(),
                        listDataHeader.get(groupPosition) + " Collapsed",
                        Toast.LENGTH_SHORT).show();

            }
        });

        // Listview on child click listener
        expListView.setOnChildClickListener(new OnChildClickListener() {

            @Override
            public boolean onChildClick(ExpandableListView parent, View v,
                    int groupPosition, int childPosition, long id) {
                // TODO Auto-generated method stub
                Toast.makeText(
                        getApplicationContext(),
                        listDataHeader.get(groupPosition)
                                + " : "
                                + listDataChild.get(
                                        listDataHeader.get(groupPosition)).get(
                                        childPosition), Toast.LENGTH_SHORT)
                        .show();
                return false;
            }
        });
    }

    /*
     * Preparing the list data
     */
    private void prepareListData() {
        listDataHeader = new ArrayList<String>();
        listDataChild = new HashMap<String, List<String>>();

        // Adding child data
        listDataHeader.add("Top 250");
        listDataHeader.add("Now Showing");
        listDataHeader.add("Coming Soon..");

        // Adding child data
        List<String> top250 = new ArrayList<String>();
        top250.add("The Shawshank Redemption");
        top250.add("The Godfather");
        top250.add("The Godfather: Part II");
        top250.add("Pulp Fiction");
        top250.add("The Good, the Bad and the Ugly");
        top250.add("The Dark Knight");
        top250.add("12 Angry Men");

        List<String> nowShowing = new ArrayList<String>();
        nowShowing.add("The Conjuring");
        nowShowing.add("Despicable Me 2");
        nowShowing.add("Turbo");
        nowShowing.add("Grown Ups 2");
        nowShowing.add("Red 2");
        nowShowing.add("The Wolverine");

        List<String> comingSoon = new ArrayList<String>();
        comingSoon.add("2 Guns");
        comingSoon.add("The Smurfs 2");
        comingSoon.add("The Spectacular Now");
        comingSoon.add("The Canyons");
        comingSoon.add("Europa Report");

        listDataChild.put(listDataHeader.get(0), top250); // Header, Child data
        listDataChild.put(listDataHeader.get(1), nowShowing);
        listDataChild.put(listDataHeader.get(2), comingSoon);
    }
}

原文链接

码了个农
关注
专栏目录
Android ExpandableListView示例教程
从零开始的教程世界
07-09 327
Welcome to Android ExpandableListView Example Tutorial. In this tutorial we’ll implement an ExpandableListView which is used to group list data by categories. It’s sort of menu and submenus in a Andro...
ExpandableListView的基本使用
qq_38859786的博客
05-23 251
一,在Activity中让子条目全部展开//Group左边会默认有以上下切换的图标，假如你有强迫症可以通过mListView.setGroupIndicator(null)去除。 mExpandableListView = (ExpandableListView) findViewById(R.id.exp_listview); mExpandableListView.setAdapter(new...
ExpandableListView的基本用法
ITfreashman的专栏
03-10 576
QQ上的好友列表在Android怎么实现，有一个最简单的方法，那就是ExpandableListView，下面简单介绍一下ExpandableListview的用法。  先看看效果图，没有找到大小合适的图片，所以凑合着看吧。     一、准备工作（界面，和需要的数据）            xml version="1.0" encoding= "utf-8"?
超详细实用ExpandableListView教程（有图有真相）
凌风_冷暖的专栏
05-02 2434
先上效果图： 看到很多关于ExpandableListView的教程都是用一些简单的String[]字符串数组数据来填充列表项，这在实际项目运用中并不是很实用，下面容笔者来介绍一下如何高效有序地实用自定义实体类线性表ArrayList来填充ExpandableListView的列表项。首先我们可以定义列表项的数据实体类ContactEntry.java如下：package com.clicknec
AndroidListView点击Item的时候 改变文字颜色和背景色
mypanlong的专栏
05-14 9735
效果图如下： list.xml：   view sourceprint? 01."1.0" encoding="utf-8"?> 02."http://schemas.android.com/apk/res/android" 03.    android:layout_width="fill_parent" 04.    android:layout_hei
Android之实现QQ好友分组(ExpandableListView)
mmdev
09-19 272
在项目开发中，也许我们遇到过ListView中嵌套ListView，但谷歌建议我们最好别这样做，因此他们写好了一个ExpandableListView类，他继承ListView，可以实现ListView中嵌套ListView的效果，好了，废话不多说，先上效果图： 点击下载源码：仿QQ好友分组源代码 主代码： public class ExListView extends Act...
ExpandableListView
11-07
Adapter类控件是ExpandableListView，就是可折叠的列表，它是ListView的子类， 在ListView的基础上它把应用中的列表项分为几组，每组里又可包含多个列表项。至于样子， 类似于QQ联系人列表，他的用法与ListView非常...
Android详细教程（基础篇）：二十四、View组件高级篇：ExpandableListView树形组件详解
二总的猫
04-10 298
7.20. ExpandableListView(树形组件) 需结合适配器BaseExpandableListAdapter完成。 示例： 配置：activity_expandable_list_view.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout ...
支持侧滑动作的自定义ExpandableListView
03-16
标题“支持侧滑动作的自定义ExpandableListView”暗示了我们将在一个`ExpandableListView`的基础上添加侧滑手势检测和相应的处理逻辑。这是一个增强用户交互体验的重要步骤，因为侧滑操作能提供一种直观且高效的方式...
ExpandableListView结合CheckBox实现单选操作
10-11
在本教程中，我们将讨论如何将`ExpandableListView`与`CheckBox`结合，实现在`ExpandableListView`中的单选操作。 首先，我们需要创建`ExpandableListAdapter`来填充`ExpandableListView`。这个适配器需要继承自`...
Android ExpandableListView折叠菜单的三层嵌套实现(1)
2401_84132393的博客
04-21 907
有了思路，关于 ExpandableListView 的三层嵌套就直接上手实现这里说下我的需求是有些数据是只有二级，有些数据是三级的。如果你的需求是只有三级，不需要考虑三级二级混合的情况，下面有说明怎么处理。效果图。
ExpandableListView实现简单分组功能
xiaoke804376088的博客
11-17 397
第一步，创建分组所需的信息，图解为： 二、 设置简单参数 获取ExpandableListView对象 设置参数setGroupIndicator(null);  加载adapter，注意参数的对应   设置setAdapter(mExpandableListAdapter); 添加点击事件，点击打开或者关闭分组 setOnGroupClickListener
Android 仿QQ可展开的分组列表控件（ExpandableListview）的使用
森森先生的博客
10-18 421
ExpandableListview的体现最常见于QQ分组，或者联系人分组
ExpandableListView 解决子级背景色混乱 和父级展开项唯一效果实现
lcb_vampire
06-13 1236
先上效果图：@BindView(R.id.expandList) ExpandableListView expandableListView; ExpandableListViewAdapter expandableListViewAdapter; public static int childPositionCurrent =-1; public static int groupPositi...
ExpandableListView用法实例
乐享产品的专栏
01-15 385
main.xml的布局很简单啦，只是一个ExpandableListView 就OK了 但值得简单说下的是 android:cacheColorHint="#00000000"，这个设置可以去除拖动view时背景变成黑色的效果 android:listSelector="#00000000" ，可以去除选中时的黄色底色 1 2 3 android:layout_width
android expandablelistview点击事件,Android ExpandableListView：单击时设置所选项目...
weixin_30175751的博客
05-26 398
当用户单击我的expandableListView中的子项时,我试图为该项设置背景色.这是代码：expListView.setOnChildClickListener(new OnChildClickListener() {@Overridepublic boolean onChildClick(ExpandableListView parent, View v, final int groupP...
android list 分组,Android 中使用ExpandableListView 实现分组的实例
weixin_36081299的博客
05-25 528
Android 中使用ExpandableListView 实现分组一个视图显示垂直滚动两级列表中的条目。这不同于列表视图，允许两个层次，类似于QQ的好友分组。要实现这个效果的整体思路为：1.要给ExpandableListView 设置适配器，那么必须先设置数据源。2.数据源，就是此处的适配器类，此方法继承了BaseExpandableListAdapter，它是ExpandableListVi...
【Android UI设计】ExpandableListView详解
songchaoshen的博客
06-15 343
android效果Expandable 目录(?)[+] 一、前言 今天我们来实现一下如下这个效果，类似于QQ好友分组的UI效果，废话不多说，先上效果图： ExpandableListView是一个用来显示二级节点的listview。默认展示的是第一级的分组，点击某个分组后会展开该分组下的子列表，下面我们就一步步来实现这个效果。 二、实现过程
各种函数声明和定义模块
最新发布
09-16
各种函数声明和定义模块
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值