Android 使用RecyclerView创建简单树形结构tree，代码简单容易理解

已于 2024-06-12 15:01:29 修改
阅读量1k 收藏 21
点赞数 20
文章标签： android java 前端
于 2024-06-12 14:54:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013778491/article/details/139626008
版权

遇到一个需求，要实现树状图效果。往上看了一些，好像也都停繁琐的，不够简单，所以自己写了一个简单点的。感觉比一般的文章都简单。先看效果

而后台的数据是这样的

{
  • "code": 200,
  • "success": true,
  • "data": [
    1. {
      • "id": "",
      • "tenantId": "",
      • "parentId": "",
      • "code": "",
      • "dictKey": "",
      • "dictValue": "机械",
      • "sort": 0,
      • "remark": "",
      • "isSealed": 0,
      • "isDeleted": 0,
      • "children": [
        1. {
          • "id": "",
          • "tenantId": "",
          • "parentId": "",
          • "code": "",
          • "dictKey": "",
          • "dictValue": "无流量",
          • "sort": -,
          • "remark": "",
          • "isSealed": 0,
          • "isDeleted": 0,
          • "parentName": null
          },
        2. {
          • "id": "",
          • "tenantId": "",
          • "parentId": "",
          • "code": "",
          • "dictKey": "",
          • "dictValue": "泵",
          • "sort": -,
          • "remark": "",
          • "isSealed": 0,
          • "isDeleted": 0,
          • "children": [
            1. {
              • "id": "",
              • "tenantId": "",
              • "parentId": "",
              • "code": "",
              • "dictKey": "",
              • "dictValue": "泵振动大",
              • "sort": -1,
              • "remark": "",
              • "isSealed": 0,
              • "isDeleted": 0,
              • "parentName": null
              },
            2. {
              • "id": "",
              • "tenantId": "",
              • "parentId": "",
              • "code": "",
              • "dictKey": "",
              • "dictValue": "流量不足",
              • "sort": 0,
              • "remark": "",
              • "isSealed": 0,
              • "isDeleted": 0,
              • "parentName": null
              },
            3. {
              • "id": "",
              • "tenantId": "",
              • "parentId": "",
              • "code": "",
              • "dictKey": "",
              • "dictValue": "泵温度高",
              • "sort": 1,
              • "remark": "",
              • "isSealed": 0,
              • "isDeleted": 0,
              • "parentName": null
              },
            4. {
              • "id": "",
              • "tenantId": "",
              • "parentId": "",
              • "code": "",
              • "dictKey": "",
              • "dictValue": "泵噪声大",
              • "sort": 3,
              • "remark": "",
              • "isSealed": 0,
              • "isDeleted": 0,
              • "parentName": null
              }
            ],
          • "parentName": null,
          • "hasChildren": true
          }
        ],
      • "parentName": null,
      • "hasChildren": true
      },
    2. {
      • "id": "",
      • "tenantId": "",
      • "parentId": "",
      • "code": "",
      • "dictKey": "",
      • "dictValue": "电气",
      • "sort": 1,
      • "remark": "",
      • "isSealed": 0,
      • "isDeleted": 0,
      • "children": [
        1. {
          • "id": "",
          • "tenantId": "",
          • "parentId": "",
          • "code": "",
          • "dictKey": "",
          • "dictValue": "马达",
          • "sort": 0,
          • "remark": "",
          • "isSealed": 0,
          • "isDeleted": 0,
          • "children": [
            1. {
              • "id": "",
              • "tenantId": "",
              • "parentId": "",
              • "code": "",
              • "dictKey": "",
              • "dictValue": "马达不运转",
              • "sort": 0,
              • "remark": "",
              • "isSealed": 0,
              • "isDeleted": 0,
              • "parentName": null
              },
            2. {
              • "id": "",
              • "tenantId": "",
              • "parentId": "",
              • "code": "",
              • "dictKey": "",
              • "dictValue": "马达振动大",
              • "sort": 1,
              • "remark": "",
              • "isSealed": 0,
              • "isDeleted": 0,
              • "parentName": null
              },
            3. {
              • "id": "",
              • "tenantId": "",
              • "parentId": "",
              • "code": "",
              • "dictKey": "",
              • "dictValue": "马达温度高",
              • "sort": 2,
              • "remark": "",
              • "isSealed": 0,
              • "isDeleted": 0,
              • "parentName": null
              },
            4. {
              • "id": "",
              • "tenantId": "",
              • "parentId": "",
              • "code": "",
              • "dictKey": "",
              • "dictValue": "马达异常跳车",
              • "sort": 3,
              • "remark": "",
              • "isSealed": 0,
              • "isDeleted": 0,
              • "parentName": null
              },
            5. {
              • "id": "",
              • "tenantId": "",
              • "parentId": "",
              • "code": "",
              • "dictKey": "",
              • "dictValue": "马达噪声大",
              • "sort": 4,
              • "remark": "",
              • "isSealed": 0,
              • "isDeleted": 0,
              • "parentName": null
              },
            6. {
              • "id": "",
              • "tenantId": "",
              • "parentId": "",
              • "code": "",
              • "dictKey": "",
              • "dictValue": "堵塞",
              • "sort": 5,
              • "remark": "",
              • "isSealed": 0,
              • "isDeleted": 0,
              • "parentName": null
              }
            ],
          • "parentName": null,
          • "hasChildren": true
          }
        ],
      • "parentName": null,
      • "hasChildren": true
      }
    ],
  • "msg": "操作成功"

}

首先数据里面并没有层级的字段，而层级后面用到，来控制item距离paddingleft的。所以我要加一个"cengji"字段。数据类型TreeBean如下，主要用到的红框里面的。

拿到接口里面的数据，先加一个层级处理

private void setTree(List<TreeBean> treeBeanList, int cengji) {
    for (TreeBean tree1 : treeBeanList) {
        tree1.setCengji(cengji);
        if (cengji == 1) {
            tree1.setShow(true);
        }
        if (tree1.isHasChildren()) {
            setTree(tree1.getChildren(), cengji + 1);
        }
    }
}

处理完，就可以设置adapter了。adapter主要功能

@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int position) {
    if (viewHolder instanceof MyViewHolder) {
        TreeBean item = datalist.get(position);
        ((MyViewHolder) viewHolder).iv_expand.setImageResource(R.mipmap.expan);
        int cengji = item.getCengji();
        if (cengji == 1) {
            ((MyViewHolder) viewHolder).ll_ceng.setVisibility(View.VISIBLE);
        } else {
            if (item.isShow()) {
                ((MyViewHolder) viewHolder).ll_ceng.setVisibility(View.VISIBLE);
            } else {
                ((MyViewHolder) viewHolder).ll_ceng.setVisibility(View.GONE);
            }
        }

        if (item.isExpanded()) {
            ((MyViewHolder) viewHolder).iv_expand.setRotation(-90);
        } else {
            ((MyViewHolder) viewHolder).iv_expand.setRotation(0);
        }
        int left = cengji * 60;
        ((MyViewHolder) viewHolder).ll_ceng.setPadding(left, 10, 0, 0);
        ((MyViewHolder) viewHolder).tv_shown.setText(item.getDictValue());
        ((MyViewHolder) viewHolder).ll_ceng.setOnClickListener(new View.OnClickListener() {
            @SuppressLint("NotifyDataSetChanged")
            @Override
            public void onClick(View view) {
                if (mOnItemClickListener != null) {
                    mOnItemClickListener.onItemClick(position);
                }
                item.setExpanded(!item.isExpanded());
                if (item.isHasChildren()) {
                    for (TreeBean tree : item.getChildren()) {
                        boolean now = !tree.isShow();
                        if (now) {
                            datalist.add(position + 1, tree);
                        } else {
                            item.setExpanded(false);
                            tree.setExpanded(false);
                            datalist.remove(tree);
                            remotree(tree);
                        }
                        tree.setShow(now);
                    }
                }
                notifyDataSetChanged();
            }
        });
    }
}

private void remotree(TreeBean treeBean) {
    if (treeBean.isHasChildren()){
        for (TreeBean tree:treeBean.getChildren()){
            datalist.remove(tree);
            tree.setExpanded(false);
            if (tree.isHasChildren()){
                remotree(tree);
            }
        }
    }
}
TreeAdapter的xml也很简单，
iv_expand就是一个箭头图标用来表示收缩或者伸展，旋转90度表示展开
<?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="wrap_content"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/ll_ceng"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/dp10">

        <ImageView
            android:id="@+id/iv_expand"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/expan" />

        <TextView
            android:id="@+id/tv_shown"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/dp10"
            android:text="xxx"
            android:textColor="@color/black" />
    </LinearLayout>
</LinearLayout>

主体xml也很简单，一个RecyclerView

<?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="vertical">

    <androidx.recyclerview.widget.RecyclerView
        android:layout_marginTop="@dimen/dp20"
        android:id="@+id/recycle_tree"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>
recycle_tree = findView(R.id.recycle_tree);
recycle_tree.setLayoutManager(new LinearLayoutManager(instance));
treeBeanList = JSONObject.parseArray(jsonObject.getString("data"), TreeBean.class);
setTree(treeBeanList, 1);

treeAdapter = new TreeAdapter(instance, treeBeanList);
recycle_tree.setAdapter(treeAdapter);
西楚曹长卿
关注
Android Recyclerview实现多级树形列表
03-23
本示例“Android RecyclerView实现多级树形列表”旨在教你如何在RecyclerView中构建一个能够展示层级关系数据的列表。这样的列表常用于展现目录结构、组织架构或者分类信息等。 首先，我们要理解RecyclerView的基本...
android+recyclerview实现树形结构,GitHub - jianyuyouhun/TreeRecyclerAdapter: android 中使用recyclerview完成树形结构的...
weixin_32612263的博客
05-30 707
README开发过程中总是会遇到实现树形结构的需求，使用ExpandableListView当然是可以实现的，而最近在想使用recyclerview会不会很麻烦呢，首先上github上搜了一下，很多采用了设定不同的viewholder和onBind来解决，同时还能实现很多级的展开。可能一开始很不容易理解，而且有些时候我们只需要两层结构。所以就花了点时间写了一个demo，以一个简单的方式来实现两层结...
Android中Tree的使用
huye930610的博客
01-31 3241
Android中Tree的使用： Tree的简单实例： 01.创建Tree //创建二叉树数据结构：节点值、左节点、右节点 data class TreeNode(var leftNode: TreeNode? = null, var value: Int? = null, var rightNode: TreeNode? = null) { fun frontShow() { leftNode?.f
推荐项目：RecyclerTreeView——打造灵活高效的Android树形视图
最新发布
gitblog_01037的博客
08-24 460
推荐项目：RecyclerTreeView——打造灵活高效的Android树形视图 RecyclerTreeViewTreeView implement in Android with RecyclerView.项目地址:https://gitcode.com/gh_mirrors/re/RecyclerTreeView 在Android开发中，树形结构的展示常常出现在文件管理器、导航菜单等场景...
Android tree应用框架
xiaoheliushuiya
05-12 186
简介 一个好的Android应用开发框架，可以加快Android开发速度，今天笔记基于许多开源项目自写了一款Android应用框架。 内容 框架包括：界面管理（Activity管理）、数据库操作（orm框架、加密等）、http交互、缓存管理、下载管理、路径管理、日志输出、网络管理、系统命令、加解密、stl容器、任务管理、奔溃管理、存储管理、其它辅助管理…。 解决思路如下： 界面管理：使用Sta...
推荐一款强大的Android树状图控件：GysoTreeView
gitblog_00007的博客
05-23 524
推荐一款强大的Android树状图控件：GysoTreeView 项目地址:https://gitcode.com/gh_mirrors/an/android-thinkmap-treeview 在寻找适用于Android平台的强大且灵活的树状图控件吗？GysoTreeView可能是您的理想选择。这个开源项目不仅提供了丰富的功能，而且其性能和易用性都极具竞争力，足以媲美市面上知名的思维导图应用。 ...
android tree 强制重编,Android重学系列 AVL树
weixin_42612405的博客
06-01 131
背景接着上面那个二叉搜索树来讲。有思考过二叉搜索树最差的搜索时间复杂度吗？最差的时候，二叉搜索树插入的数据刚好是一条直线，这样时间复杂度就蜕变和链表没什么区别(就是从O(logN)蜕变到O(n)级别)。因此AVL树因此诞生了。如下图所示：avl平衡树诞生的原因.png正文AVL树有什么概念呢？在二叉搜索树之上，我们为了保证整个树都有左右节点，尽量做到每个大小的节点都均匀分布，也就在二叉搜索上添加一...
Android技能树 — 树基础知识小结(一)
weixin_58085973的博客
04-01 629
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的Android开发中高级必知必会核心笔记，共计2968页PDF、58w字，囊括Android开发648个知识点，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
Android 树形结构的多选CheckBox
11-23
这个“Android 树形结构的多选CheckBox”项目提供了一个易于集成和使用的解决方案。 首先，我们要理解树形结构。在计算机科学中，树是一种数据结构，由节点（或称为顶点）和边组成，每个节点可以有零个或多个子节点...
Android 树形结构开发demo，实现单选多选功能
09-20
在Android应用开发中，树形结构的界面设计是一种常见的数据展示方式，特别是在处理层级关系复杂的数据时，如文件系统、组织架构等。本教程将详细讲解如何利用Android技术实现一个支持单选和多选功能的树形结构示例。...
Android 完美树形结构，可实现三态选择
11-08
总的来说，实现Android的三态选择树形结构需要对数据结构、UI组件以及状态管理有深入理解。通过研究`TreeDemo`和`JavaApk源码说明.txt`，开发者可以学习到如何在实际项目中构建这样的功能，并灵活应用于各种场景。
Android树形结构RecyclerView
09-07
一个RecyclerView，无限层级展示，不嵌套，高性能，企业级产品
android树形菜单，树形结构，多级展示
07-24
树形菜单，用来展示有层次结构的数据，像文件管理器，一个文件夹下面有很多文件，文件夹，可能文件夹下面还有文件还有文件夹。我们需要展示这些结构，但是安卓并没有提供一个比较方便的控件来展示,所以就需要我们自定义。博客详解:http://blog.csdn.net/wangjie1310/article/details/47026937
Android TreeView 树形结构
02-08
在Android开发中，`TreeView`是一种常见的用户界面组件，它以树形结构展示数据，使得层级关系清晰，便于用户浏览和操作。虽然Android SDK并没有直接提供内置的`TreeView`控件，但开发者可以通过第三方库或者自定义...
android 自定义树状图,Android简单树状实现
weixin_36382073的博客
05-25 701
使用ListView+BaseAdapter+自定义数据结构完美实现，不需要第三方库。简单，方便，快捷……节点类NodepublicclassNode{privateint_id;//节点idprivateNode_parent;//父节点privateList_children=newArrayList<>();//所有的儿子节点privateT...
Android中的树状(tree)列表
l970859633的博客
12-22 5864
转载地址：http://www.cnblogs.com/xiaofeixiang/p/4109969.html 树状列表前端挺常用的，还有人专门写过Ztree，Android中有的时候也需要使用到树状列表，上篇文章写了一下ExpandableListView，ExpandableListView最多支持两级结构，Android中没有三层结构的组件，这个时候需要自己去扩展，可以扩展Expa
树形结构列表实现（RecyclerView实现）
疯语者
02-10 4377
前言   之前习惯用ListView实现列表功能，但是现在很多项目都开始使用RecyclerView，所以本次实现考虑用RecyclerView实现列表功能，顺便复习一下RecyclerView的使用方法。树形结构的实现，难点在于节点选中或展开收起时需要同时考虑父节点和子节点的展示（展开或收起子节点）和选中情况（部分选中、全部选中、未选中三种状态）。先看一下我实现的效果    当节点A勾选时，其子...
使用RecyclerView写树形结构的TreeRecyclerView
郑海波(莫川)的CSDN博客
06-25 8252
简介android是不提供树形控件的，如果需要使用树形控件，我们应该怎么做呢？ 先看效果 上图是一个明显的树形结构实现原理在逻辑上，它们是包含关系，数据结构上是多叉树，这是毋庸置疑的。但是，显示的时候，我们有必要嵌套ListView或RecyclerView吗？当然没有必要！ 每一而Item，在显示的时候，都是平级的，只是它们marginLeft不同而已。 更新marginLeft来体现它们
Android TreeRecyclerView
zzw3239的专栏
06-27 755
展开/收起的树形view，以前用的是自定义view，使用起来很麻烦。RecyclerView出现以后，使用RecyclerView实现的这个功能，使用起来很方便，性能也好。代码连接：https://github.com/zzw3239/TreeRecyclerView。 代码整理自郑海波：https://blog.csdn.net/nupt123456789/article/details/46...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值