当前位置: 开发笔记 > 运维 > 正文

AndroidExpandableListView展开列表控件使用实例

作者：喜欢玩电脑游戏的我_425 | 来源：互联网 | 2022-10-19 14:16

这篇文章主要介绍了AndroidExpandableListView展开列表控件使用实例,本文实现了一个类似手机QQ好友列表的界面效果,需要的朋友可以参考下

你是否觉得手机QQ上的好友列表那个控件非常棒？不是..... 那也没关系，学多一点知识对自己也有益无害。

那么我们就开始吧。

展开型列表控件，原名ExpandableListView
是普通的列表控件进阶版，可以自由的把列表进行收缩，非常的方便兼好看。
首先看看我完成的截图，虽然界面不漂亮，但大家可以自己去修改界面。

该控件需要一个主界面XML 一个标题界面XML及一个列表内容界面XML
首先我们来看看 mian.xml 主界面

代码如下:

//该界面非常简单，只要一个ExpandableListView即可
    android:layout_
    android:layout_
    android:orientation="vertical" >

            android:id="@id/android:list"
        android:layout_
        android:layout_
        />

groups.xml 该界面是父标题界面
我们只要放上一个要显示出来的标题TextView控件上去即可

代码如下:

    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_
    android:layout_
>
            android:id="@+id/textGroup"
        android:layout_
        android:layout_
        android:paddingLeft="40px"
        android:paddingTop="6px"
        android:paddingBottom="6px"
        android:textSize="15sp"
        android:text="No data"
    />

childs.xml 是子控件，直接显示列表内容

代码如下:

    xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
    android:layout_
    android:layout_
>
　　         android:id="@+id/textChild"
   android:layout_
        android:layout_
        android:paddingLeft="60px"
        android:paddingTop="10px"
        android:paddingBottom="10px"
        android:textSize="20sp"
   android:text="No Data"
/>

接下来再上主代码, 命名有点乱，大家真正用于开发时可不要这样命名啊.

代码如下:

public class ExpandActivity extends ExpandableListActivity
{
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        //创建二个一级条目标题
        Map title_1 = new HashMap();
        Map title_2 = new HashMap();

        title_1.put("group", "开发");
        title_2.put("group", "管理");

        //创建一级条目容器
        List> gruops = new ArrayList>();

        gruops.add(title_1);
        gruops.add(title_2);

        //创建二级条目内容

        //内容一
        Map content_1 = new HashMap();
        Map content_2 = new HashMap();

        content_1.put("child", "VC++");
        content_2.put("child", "Java");

        List> childs_1 = new ArrayList>();
        childs_1.add(content_1);
        childs_1.add(content_2);

        //内容二
        Map content_3 = new HashMap();
        Map content_4 = new HashMap();

        content_3.put("child", "敏捷开发");
        content_4.put("child", "迭代开发");

        List> childs_2 = new ArrayList>();
        childs_2.add(content_3);
        childs_2.add(content_4);

        //存放两个内容, 以便显示在列表中
        List>> childs = new ArrayList>>();
        childs.add(childs_1);
        childs.add(childs_2);

        //创建ExpandableList的Adapter容器
        //参数: 1.上下文    2.一级集合 3.一级样式文件 4. 一级条目键值  5.一级显示控件名
        //   6. 二级集合 7. 二级样式 8.二级条目键值 9.二级显示控件名
        SimpleExpandableListAdapter sela = new SimpleExpandableListAdapter(
                this, gruops, R.drawable.groups, new String[]{"group"}, new int[]{R.id.textGroup},
                childs, R.drawable.childs, new String[]{"child"}, new int[]{R.id.textChild}
                );

        //加入列表
        setListAdapter(sela);
    }
}
//最后，如果想响应各操作的话，就要重载下面的方法
//列表内容按下
@Override
public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id)
{
    // TODO Auto-generated method stub
    return super.onChildClick(parent, v, groupPosition, childPosition, id);
}

//二级标题按下
@Override
public boolean setSelectedChild(int groupPosition, int childPosition, boolean shouldExpandGroup)
{
// TODO Auto-generated method stub
return super.setSelectedChild(groupPosition, childPosition, shouldExpandGroup);
}

//一级标题按下
@Override
public void setSelectedGroup(int groupPosition)
{
// TODO Auto-generated method stub
super.setSelectedGroup(groupPosition);
}

再最后，运行你的模拟器就可以看见啦。
将上面的ExpandableListView控件化.
控件化比较简单我们只要用普通的Activity类就可以了，不用再继承ExpandableListView.
只需要在成员变量中添加
private ExpandableListView expandList;
然后在添加内容时改成
expandList.setAdapter(sela);
就可以了。当然，响应事件Listener也可以自己添加。

附：另一个例子

ExpandableListView的用法与ListView和GridView,Gallery 类似,都是通过一个Adapter来显示.
main.xml:

代码如下:

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

    android:orientation="vertical" android:layout_

    android:layout_>

        android:layout_ android:layout_>

ElvAdapter.java

代码如下:

package com.test;

import java.util.ArrayList;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.TextView;
import android.widget.LinearLayout.LayoutParams;

public class ElvAdapter extends BaseExpandableListAdapter
{

    ArrayList objs;
    Context context;
    ElvAdapter(Context context,ArrayList objs)
    {
        this.objs=objs;
        this.cOntext=context;
    }
    @Override
    public Object getChild(int groupPosition, int childPosition)
    {
        // TODO Auto-generated method stub
        return objs.get(groupPosition).childs.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)
    {
        //子元素的View
        TextView tv=new TextView(context);
        tv.setText(objs.get(groupPosition).childs.get(childPosition));
        tv.setLayoutParams(new ExpandableListView.LayoutParams(ExpandableListView.LayoutParams.FILL_PARENT,ExpandableListView.LayoutParams.WRAP_CONTENT));
        return tv;
    }

    @Override
    public int getChildrenCount(int groupPosition)
    {
        // TODO Auto-generated method stub
        return objs.get(groupPosition).childs.size();
    }

    @Override
    public Object getGroup(int groupPosition)
    {
        // TODO Auto-generated method stub
        return objs.get(groupPosition);
    }

    @Override
    public int getGroupCount()
    {
        // TODO Auto-generated method stub
        return objs.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)
    {
        //分组的View
        TextView tv=new TextView(context);
        tv.setText(objs.get(groupPosition).groupName);
        ExpandableListView.LayoutParams params=new ExpandableListView.LayoutParams(ExpandableListView.LayoutParams.FILL_PARENT,60);
        tv.setLayoutParams(params);
        return tv;
    }

    @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;
    }

}

class ElvObject{
    String groupName="";
    ArrayList childs=new ArrayList();
    ElvObject(String groupName,ArrayList childs)
    {
        this.groupName=groupName;
        this.childs=childs;
    }
}

注意下面还有一个ElvObject类
主程序AndroidTestActivity.java

代码如下:

package com.test;

import java.util.ArrayList;

import android.app.Activity;

import android.os.Bundle;

import android.widget.ExpandableListView;

public class AndroidTestActivity extends Activity

{

    /** Called when the activity is first created. */

    ExpandableListView elv;

    ElvAdapter adapter;

    ArrayList objs=new ArrayList();

    @Override

    public void onCreate(Bundle savedInstanceState)

    {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

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

        adapter=new ElvAdapter(this,objs);

        elv.setAdapter(adapter);

        ArrayList list=new ArrayList();

        list.add("aaa");

        list.add("bbb");

        list.add("ccc");

        objs.add(new ElvObject("英文",list));

        ArrayList list2=new ArrayList();

        list2.add("111");

        list2.add("222");

        list2.add("333");

        list2.add("444");

        objs.add(new ElvObject("数字",list2));

    }

}

推荐阅读

容器
如何在Android Studio中移除Activity的标题栏

本文介绍了在Android Studio中通过代码和配置文件两种方法来移除Activity的标题栏，并讨论了当Activity继承自AppCompatActivity时的特殊处理方法。 ... [详细]

蜡笔小新 2024-11-27 17:40:30
容器
Activity跳转动画无缝衔接

Activity跳转动画无缝衔接 ... [详细]

蜡笔小新 2024-11-27 11:40:35
容器
深入解析Android Activity生命周期

本文详细探讨了Android中Activity的生命周期，通过实例代码和详细的步骤说明，帮助开发者更好地理解和掌握Activity各个阶段的行为。 ... [详细]

蜡笔小新 2024-11-27 03:28:32
容器
BeautifulSoup4：Python的HTML/XML解析利器

BeautifulSoup4 是一个功能强大的HTML和XML解析库，它能够帮助开发者轻松地从网页中提取信息。本文将介绍BeautifulSoup4的基本功能、安装方法、与其他解析工具的对比以及简单的使用示例。 ... [详细]

蜡笔小新 2024-11-26 14:44:14
port
Android图片轮播实现指南：利用ViewPager实现动态图片展示

本教程旨在指导开发者如何在Android应用中通过ViewPager组件实现图片轮播功能，适用于初学者和有一定经验的开发者，帮助提升应用的视觉吸引力。 ... [详细]

蜡笔小新 2024-11-26 14:14:30
port
解决MenuItem中通过app:actionLayout使用Switch时出现的空指针异常问题

在Android应用开发中，当在MenuItem中通过app:actionLayout属性使用Switch控件时，可能会遇到空指针异常的问题。本文将探讨该问题的原因及解决方案。 ... [详细]

蜡笔小新 2024-11-25 21:37:06
port
IIS6批量添加主机头，修改IIS数据库

首先，找到IIS的数据库。默认是在C:\WINDOWS\system32\inetsrv下的MetaBase.xml文件。如果找不到，请右键右键站点-》所有服务-》将配置保存到一个 ... [详细]

蜡笔小新 2024-11-25 10:44:48
tomcat
SpringBoot底层注解用法及原理

2.1、组件添加1、Configuration基本使用Full模式与Lite模式示例最佳实战配置类组件之间无依赖关系用Lite模式加速容器启动过程，减少判断配置类组 ... [详细]

蜡笔小新 2024-11-25 09:48:01
tomcat
Android 自定义 Spinner 下拉框样式

本文介绍了如何通过创建自定义 XML 文件来修改 Android 中 Spinner 的项样式，包括颜色和大小的调整。 ... [详细]

蜡笔小新 2024-11-25 01:39:41
tomcat
Android 开发框架整合：MVP + Retrofit + Dagger2 + RxAndroid 配置指南

本文将详细介绍如何配置并整合MVP架构、Retrofit网络请求库、Dagger2依赖注入框架以及RxAndroid响应式编程库，构建高效、模块化的Android应用。 ... [详细]

蜡笔小新 2024-11-24 20:16:02
tomcat
浅谈Android五大布局——LinearLayout、FrameLayout和AbsoulteLa

为什么80%的码农都做不了架构师？Android的界面是有布局和组件协同完成的，布局好比是建筑里的框架，而组件则相当于建筑里的砖瓦。 ... [详细]

蜡笔小新 2024-11-24 16:56:56
tomcat
jquery java 文件上传_jQuery文件上传

插件描述：这是一个文件上传的展示，看很多插件，并不满意就自己写了一个，可能兼容性不是很好，没有准确进行测试过& ... [详细]

蜡笔小新 2024-11-26 16:41:31
tomcat
阿里云服务器新手指南：六步轻松部署网站

对于初次购买阿里云服务器的新手用户来说，如何高效地利用服务器资源并成功部署网站是一个重要的课题。本文将详细指导您完成从购买服务器到网站上线的六个关键步骤。 ... [详细]

蜡笔小新 2024-11-26 12:31:45
server
深入解析 RuntimeClass 及多容器运行时应用

本文旨在探讨RuntimeClass的起源、功能及其在多容器运行时环境中的实际应用。通过详细的案例分析，帮助读者理解如何在Kubernetes集群中高效管理不同类型的容器运行时。 ... [详细]

蜡笔小新 2024-11-25 15:13:46
port
Vue集成XGPlayer视频插件的详细指南

本文详细介绍了如何在Vue项目中集成和配置XGPlayer视频插件，包括安装步骤、基本配置以及常见问题的解决方法。 ... [详细]

蜡笔小新 2024-11-25 15:09:45

喜欢玩电脑游戏的我_425

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章