ExpanableListView

最新推荐文章于 2021-04-19 15:46:34 发布
最新推荐文章于 2021-04-19 15:46:34 发布
阅读量811 收藏 2
点赞数
分类专栏： Android 文章标签： 布局 界面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ccg_201216323/article/details/48008809
版权

自我对ExpanableListView的理解：

ExpanableListView界面如下图所示：
这里写图片描述

ExpanableListView是一个一个带有下拉列表的一个View，点击Item1，将会显示Item1下的所有子列表。ExpanableListView中要用到两个布局，可以这样理解，一个是父布局，一个是子布局。父布局就是上面图片中显示的布局，子布局就是Item下的子列表的布局。废话不说，附上ExpanableListView学习的代码：

首先是学习ExpanableListView时候的运行结果：

说明一点：这里面的布局是我经过精心设计后做出来的
这里写图片描述

Layout文件夹中有三个xml文件:activity_main.xml、layout_myclass.xml、layout_student.xml

activity_main.xml中的代码如下：

说明：activity_main.xml中使用自己创建的relativelayout布局，里面新建一个ExpanableListView,只指定了一下id。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

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

    </ExpandableListView>

</RelativeLayout>

layout_myclass.xml中的代码如下：

说明：整体采用水平方向的线性布局，里面添加三个TextView，后两个又有一个统一的线性布局，

效果图如下图：
这里写图片描述

<?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="80dp"
    android:paddingBottom="25dp"
    android:paddingTop="25dp"
    android:paddingLeft="25dp"
    android:paddingRight="15dp"
    android:orientation="horizontal"
    android:gravity="center"
    >
    <TextView
        android:id="@+id/editText_className"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="班级名称："
        android:textSize="30sp"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:id="@+id/editText_classNumber"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="班级编号："
            />
        <TextView
            android:id="@+id/editText_classStudent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="班级学生："
            />


    </LinearLayout>


</LinearLayout>

layout_student.xml代码如下：

说明：整体采用线性布局，里面添加三个TextView

效果如下图：
这里写图片描述

<?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="50dp"
    android:orientation="vertical"
    android:gravity="center"

    >

    <TextView
        android:id="@+id/editText_stuName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="学生姓名："
        />
    <TextView
        android:id="@+id/editText_stuAge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="学生年龄："
        />
    <TextView
        android:id="@+id/editText_stuSex"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="学生性别："
        />

</LinearLayout>

其次是java文件夹中的代码

说明：在Java文件夹目录如下图所示：

这里写图片描述

MyAdapter.java代码如下
package com.example.administrator.myexpanablelistview.adapter;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;

import com.example.administrator.myexpanablelistview.R;
import com.example.administrator.myexpanablelistview.model.MyClass;
import com.example.administrator.myexpanablelistview.model.Student;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by Administrator on 2015/8/26.
 */
public class MyAdapter extends BaseExpandableListAdapter {
    private List<MyClass> myClass;
    private LayoutInflater inflater;

    public MyAdapter(List<MyClass> myClass, LayoutInflater inflater) {
        this.myClass = myClass;
        this.inflater = inflater;
    }

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

    @Override
    public int getChildrenCount(int groupPosition) {
        return myClass.get(groupPosition).getClassStudent().size();
    }

    @Override
    public Object getGroup(int groupPosition) {
        return groupPosition;
    }

    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return childPosition;
    }

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

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

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

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {

        ViewHolder viewHolder=null;
        if (convertView==null)
        {
            convertView=inflater.inflate(R.layout.layout_myclass,null);
            viewHolder=new ViewHolder();
            viewHolder.textViewMyClassName = (TextView) convertView.findViewById(R.id.editText_className);
            viewHolder.textViewMyClassNumber = (TextView) convertView.findViewById(R.id.editText_classNumber);
            viewHolder.textViewMyClassStudent = (TextView) convertView.findViewById(R.id.editText_classStudent);
            convertView.setTag(viewHolder);

        }else
        {
            viewHolder=(ViewHolder)convertView.getTag();
        }
        MyClass classOne = myClass.get(groupPosition);
        viewHolder.textViewMyClassName.setText(classOne.getClassName());
        viewHolder.textViewMyClassNumber.setText("班级编号："+classOne.getClassNumber());
        viewHolder.textViewMyClassStudent.setText("班级人数："+classOne.getClassStudent().size());
        return convertView;
    }

    class ViewHolder{
        TextView textViewMyClassName;
        TextView textViewMyClassNumber;
        TextView textViewMyClassStudent;
    }

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

        ViewHolder2 viewHolder2=null;
        if(convertView==null)
        {
            convertView = inflater.inflate(R.layout.layout_student,null);
            viewHolder2=new ViewHolder2();
            viewHolder2.textViewStuName = (TextView) convertView.findViewById( R.id.editText_stuName);
            viewHolder2.textViewStuAge = (TextView) convertView.findViewById( R.id.editText_stuAge);
            viewHolder2.textViewStuSex = (TextView) convertView.findViewById( R.id.editText_stuSex);
            convertView.setTag(viewHolder2);
        }else
        {
            viewHolder2= (ViewHolder2) convertView.getTag();
        }
        MyClass clazz = myClass.get(groupPosition);
        List<Student> studentList=clazz.getClassStudent();
        Student student=studentList.get(childPosition);
        viewHolder2.textViewStuName.setText("姓名："+student.getStuName());
        viewHolder2.textViewStuAge.setText("年龄："+student.getStuAge());
        viewHolder2.textViewStuSex.setText("性别："+student.getStuSex());
        return convertView;
    }
    class ViewHolder2{
        TextView textViewStuName;
        TextView textViewStuAge;
        TextView textViewStuSex;
    }


    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return false;
    }
}
MyClass.java代码如下
package com.example.administrator.myexpanablelistview.model;

import java.util.List;

/**
 * Created by Administrator on 2015/8/26.
 */
public class MyClass {
    private String className;
    private String classNumber;
    private List<Student> classStudent;

    public MyClass(String className, String classNumber) {
        this.className = className;
        this.classNumber = classNumber;
    }

    public String getClassName() {
        return className;
    }

    public void setClassName(String className) {
        this.className = className;
    }

    public String getClassNumber() {
        return classNumber;
    }

    public void setClassNumber(String classNumber) {
        this.classNumber = classNumber;
    }

    public List<Student> getClassStudent() {
        return classStudent;
    }

    public void setClassStudent(List<Student> classStudent) {
        this.classStudent = classStudent;
    }
}
Student.java代码如下
package com.example.administrator.myexpanablelistview.model;

/**
 * Created by Administrator on 2015/8/26.
 */
public class Student {
    private  String stuName;
    private String stuAge;
    private String stuSex;

    public Student(String stuName, String stuAge, String stuSex) {
        this.stuName = stuName;
        this.stuAge = stuAge;
        this.stuSex = stuSex;
    }

    public String getStuName() {
        return stuName;
    }

    public void setStuName(String stuName) {
        this.stuName = stuName;
    }

    public String getStuAge() {
        return stuAge;
    }

    public void setStuAge(String stuAge) {
        this.stuAge = stuAge;
    }

    public String getStuSex() {
        return stuSex;
    }

    public void setStuSex(String stuSex) {
        this.stuSex = stuSex;
    }
}
MainActivity.java代码如下
package com.example.administrator.myexpanablelistview;

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.ExpandableListView;

import com.example.administrator.myexpanablelistview.adapter.MyAdapter;
import com.example.administrator.myexpanablelistview.model.MyClass;
import com.example.administrator.myexpanablelistview.model.Student;

import java.util.ArrayList;
import java.util.List;


public class MainActivity extends Activity {
    private ExpandableListView expandableListView;
    private List<MyClass> myClass;
    private MyAdapter myAdapter;
    private LayoutInflater inflater;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        expandableListView = (ExpandableListView) findViewById(R.id.expanablelistview_id);
        initmyClass();
        inflater=getLayoutInflater();
        myAdapter = new MyAdapter(myClass,inflater);

        expandableListView.setAdapter(myAdapter);
    }
    private List<MyClass> initmyClass() {
        myClass = new ArrayList<MyClass>();
        MyClass classOne = new MyClass("七年级一班", "20150701");
        List<Student> student_1 = new ArrayList<Student>();
        student_1.add(new Student("zhangsan","20","男"));
        student_1.add(new Student("lisi","21","女"));
        student_1.add( new Student("wangwu","20","男"));
        student_1.add(new Student("zhaoliu","21","女"));
        student_1.add(new Student("maqi","22","男"));
        classOne.setClassStudent(student_1);
        myClass.add(classOne);

        MyClass classTwo = new MyClass("七年级二班", "20150702");
        List<Student> student_2 = new ArrayList<Student>();
        student_2.add(new Student("zhangsan","20","男"));
        student_2.add(new Student("lisi","21","女"));
        student_2.add( new Student("wangwu","20","男"));
        student_2.add(new Student("zhaoliu","21","女"));
        student_2.add(new Student("maqi","22","男"));
        classTwo.setClassStudent(student_2);
        myClass.add(classTwo);

        MyClass classThree = new MyClass("八年级一班", "20150801");
        List<Student> student_3 = new ArrayList<Student>();
        student_3.add(new Student("zhangsan","20","男"));
        student_3.add(new Student("lisi","21","女"));
        student_3.add( new Student("wangwu","20","男"));
        student_3.add(new Student("zhaoliu","21","女"));
        student_3.add(new Student("maqi","22","男"));
        classThree.setClassStudent(student_3);
        myClass.add(classThree);

        MyClass classFour = new MyClass("八年级二班", "20150802");
        List<Student> student_4 = new ArrayList<Student>();
        student_4.add(new Student("zhangsan","20","男"));
        student_4.add(new Student("lisi","21","女"));
        student_4.add( new Student("wangwu","20","男"));
        student_4.add(new Student("zhaoliu","21","女"));
        student_4.add(new Student("maqi","22","男"));
        classFour.setClassStudent(student_4);
        myClass.add(classFour);


        MyClass classFive = new MyClass("九年级一班", "20150901");
        List<Student> student_5 = new ArrayList<Student>();
        student_5.add(new Student("zhangsan","20","男"));
        student_5.add(new Student("lisi","21","女"));
        student_5.add( new Student("wangwu","20","男"));
        student_5.add(new Student("zhaoliu","21","女"));
        student_5.add(new Student("maqi","22","男"));
        classFive.setClassStudent(student_5);
        myClass.add(classFive);

        MyClass classSix = new MyClass("九年级二班", "20150902");
        List<Student> student_6 = new ArrayList<Student>();
        student_6.add(new Student("zhangsan","20","男"));
        student_6.add(new Student("lisi","21","女"));
        student_6.add( new Student("wangwu","20","男"));
        student_6.add(new Student("zhaoliu","21","女"));
        student_6.add(new Student("maqi","22","男"));
        classSix.setClassStudent(student_6);
        myClass.add(classSix);


        return myClass;
    }

}

最后附上manifests中的代码文件

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.administrator.myexpanablelistview" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/china_flag"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

总结：
本项目中最重要的是要在MyAdapter.java中的getGroupView()和getChildView()这两个方法，就是因为ExpanableListView要用两个布局。

201216323
关注
专栏目录
【Android应用界面编程】-----ExpendableListView
baiyu-博客
01-14 783
一、知识点 1、ExpandableListView是LIstView的子类，它在普通ListView的基础上进行了 扩展，它把应用的列表项分成了几组，每组又可包含多个列表项。 2、ExpandablelistView 的用法与普通的ListView的 用法相似，只是ExpandableListView所显示的列表项应该由ExpandableListAdapter提供，实现Expandable
判断ListView已到达顶部或底部的方法
Meagan之家
11-30 717
1.判断ListView已滑动到顶部 public boolean isListViewReachTopEdge(final ListView listView) { boolean result=false; if(listView.getFirstVisiblePosition()==0){
ExpanListView LongClick
清澈见底的专栏
07-29 576
转载请注明出处 getExpandableListView().setOnItemLongClickListener(new OnItemLongClickListener() { Override public boolean onItemLongClick( AdapterView parent, View view, int position, long id) {
android expendableListView教程
u012049463的专栏
06-25 1527
本文实现两级标题，一级标题悬浮在顶端，点击之后可
Android UI基础之 ExpanableListView 的实现
WannerWang的博客
01-15 1785
ExpandableListView 组件是Android组件中比较常用的组件，当点击一个父item 的时候将其自item显示出来，例如QQ 中的好友列表就是如此实现的，使用ExpandableListView 组件的关键就是设置其的Adapter，这个Adapter必须继承自BaseExpanableListAdapter，因此使用ExpandableListView的核心技术就是使用BaseE
Android ExpandableListView的技巧和问题
weixin_34297300的博客
09-14 109
前言： 最近一个多月在认真的学习Android和做项目，文章内容表达的不好或者理解错了，希望大家评论指出。 :-) 本文是总结几个比较常用且使用的技巧，和一个大家都会遇到的问题。 文章中大部分语句摘抄自一下两篇大神写的文章：（如果对ExpandableListView一无所知，建议按照顺序去阅读，遇到问题再看本文） 1、Android中ExpandableListView的使用 网...
ExpanableListView.二级目录
04-30
在"ExpanableListView.二级目录"示例中，可能展示了如何使用`ExpandableListView`来表示一个具有二级目录的结构。每个一级目录下可能包含多个二级目录（子项），每个二级目录又可能有自己的子项。通过适配器，可以将...
Android ExpanableListView 的使用
09-17
在Android开发中，`ExpanableListView`是一个非常实用的控件，用于展示可以展开和折叠的数据集。它允许我们创建具有层次结构的数据视图，通常用于显示具有分组的列表，例如菜单、目录或者组织结构。在这个项目中，...
简单购物车
qq_40944287的博客
01-17 185
依赖   //okhttp     compile 'com.squareup.okhttp3:okhttp:3.6.0'     compile 'com.squareup.okio:okio:1.11.0'     //gson     compile 'com.google.code.gson:gson:2.8.2'     //glide     im
android的ExpanableListView的一点实用小经验
lalioCAT的专栏
03-29 1698
android:id="@+id/list"             android:layout_width="fill_parent"             android:layout_height="fill_parent"             android:layout_toRightOf="@id/rg"             android:background="
ExplandableListView
12-20
简单的ExplandableListView例子。子选项复选框事件的响应
expandlistview 加如动画效果
07-20
有动画的expandlistview，类似于点开分组分的时候所有别的分组向下挤的效果
android expendablelistview 例子
09-20
关于android expendablelistview 例子源码
自定义ExplandableListView
11-02
如果项目中用到二级分类的可借鉴，此demo本人亲测，没有问题，第一个版本，后续完善，希望大家多给意见
学习Android实现可折叠ListView（ExpandableListView）
冯文议技术博客
09-06 2268
首先要说明的是，本文是学习，并非原作者，源地址[Android常用控件(能折叠的ListView)–ExpandableListView的使用模仿QQ好友列表（http://blog.csdn.net/dl10210950/article/details/52525492）] 控件：<ExpandableListView android:id="@+id/expendableList
ExpendableListView(可展开的列表组件)笔记
小虫
02-24 2787
废话少说，直接上代码： public class ExpendableListViewActivity extends Activity {     /** Called when the activity is first created. */     @Override     public void onCreate(Bundle savedInstanceState) {
安卓ExpandableListView的详细使用教程（附代码解析过程）
热门推荐
KI的博客
08-28 9万+
ExpandableListView又称可扩展的ListView，它可以实现点击父项展开子项的效果，本文实现了一个比较精美的ExpandableListView。
ListView与ExpendableListView
Reserve_Scale的博客
04-04 240
1、ListView添加数据效果图：activity_main.xml<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto
Android学习之ExpandableListView
wsb_2526的博客
04-19 2578
什么是ExpandableListView ExpandableListView是扩展的ListView，继承自ListView；ExpandableListView可以实现点击展开列表，再点击收缩回去的效果。 ExpandableListView的使用 首先需要在主布局文件中声明ExpandableListView； <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.and
ExpanableListVIew一个奇妙的“手风琴”
JavaKotlin技术专栏
01-10 2201
ExpanableListView是android世界里的神话级别的组件，我个人是这样认为的，几乎在大部分的应用上都能看到它的影子。为了更好的让大家了解什么是ExpanableListView,本人小试牛刀自己写了一个ExpanableListView;话不多说上代码： Campsite_expanable_list.java import java.util.ArrayList;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值