ExpandableListView,可展开和折叠的ListView

最新推荐文章于 2021-05-26 04:36:47 发布

原创

最新推荐文章于 2021-05-26 04:36:47 发布 · 5.6k 阅读

9 ·

CC 4.0 BY-SA版权

本文详细介绍了如何实现一个使用Glide加载图片的ExpandableListView。内容包括XML布局设计、Activity代码、Adapter代码的编写，以及GroupData和ChildData实体类的定义。在加载图片时，Glide用于加载和处理头像，并提供了placeholder和error图片作为占位符和错误处理。文章最后指出，尽管实现了基本功能，但仍期待改进意见。

ExpandableListView界面实现效果：

一、XML代码
1.1 activity_expandable_list_view.xml

<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">

    <ExpandableListView
        android:id="@+id/expandableListView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:childDivider="#efefef"
        android:divider="#efefef"
        android:dividerHeight="1dp"
        /*去掉分组左边的箭头*/
        android:groupIndicator="@null"
        android:scrollbars="none" />

</RelativeLayout>

1.2 item_group_expandablelistview.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="match_parent"
    android:orientation="horizontal"
    android:padding="10dp">

    <ImageView
        android:id="@+id/img_group"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:scaleType="fitXY" />

    <TextView
        android:id="@+id/tv_group_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:textSize="16sp" />

    <TextView
        android:id="@+id/tv_group_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:textSize="16sp" />
</LinearLayout>

1.3 item_child_expandablelistview.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:orientation="vertical"
    android:padding="10dp">

    <ImageView
        android:id="@+id/img_child_head"
        android:layout_width="45dp"