欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)

程序员文章站 2023-12-04 17:42:04
前言 首先不得不吐槽一下产品,尼玛为啥要搞这样的功能....搞个两级的不就好了嘛...自带控件,多好。三级,四级,听说还有六级的....这样丧心病狂的设计,后台也不好给数...

前言

首先不得不吐槽一下产品,尼玛为啥要搞这样的功能....搞个两级的不就好了嘛...自带控件,多好。三级,四级,听说还有六级的....这样丧心病狂的设计,后台也不好给数据吧。

先看看效果:

两级的效果:

Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)

三级的效果:

Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)

全部展开的效果(我只写了五级)

Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)

说说为什么写这货吧:

公司产品提出三级这个需求后,我就在网上找啊找.

找的第一个,发现实现其实是expandlistview嵌套.

找的第二个,expandrecyclview,然后就用呗,发现三级展开很卡,看源码,

发现是recyclerview套recyclerview

就没有不嵌套的么.....

然后找到hongyang的那个博客,写个试试吧.

说说思路:

      1.treeadapter应该只需要关心list<treeadapteritem> datas 的内容

      2.把每个item看成独立的个体,布局样式,每行所占比,bindviewholder都由自己的来决定。

      3.每一个item应该只关心自己的数据和自己的下一级的数据,不会去关心上上级,下下级

      4.展开的实现,item把子数据集拿出来,然后添加到list<treeadapteritem> datas,变成与自己同级,因为每次展开只会展开一级数据。

      5.折叠递归遍历所有子数据,递归拿到自己所有的子数据集(可以理解因为一个文件夹下所有的文件,包括子文件夹下的所有),然后从list<treeadapteritem> datas删除这些数据。

见代码:

/**
 * created by jlanglang on 2016/12/7.
*
 */
public abstract class treeadapteritem<d> {
 /**
 * 当前item的数据
 */
 protected d data;
 /**
 * 持有的子数据
 */
 protected list<treeadapteritem> childs;
 /**
 * 是否展开
 */
 protected boolean isexpand;
 /**
 * 布局资源id
 */
 protected int layoutid;
 /**
 * 在每行中所占的比例
 */
 protected int spansize;

 ····
 get/set方法省略。。。。
 ····
 public treeadapteritem(d data) {
 this.data = data;
 childs = initchildslist(data);
 layoutid = initlayoutid();
 spansize = initspansize();
 }
 /**
 * 展开
 */
 public void onexpand() {
 isexpand = true;
 }

 /**
 * 折叠
 */
 public void oncollapse() {
 isexpand = false;
 }

 /**
 * 递归遍历所有的子数据,包括子数据的子数据
 *
 * @return list<treeadapteritem>
 */
 public list<treeadapteritem> getallchilds() {

  arraylist<treeadapteritem> treeadapteritems = new arraylist<>();

  for (int i = 0; i < childs.size(); i++) {

  treeadapteritem treeadapteritem = childs.get(i);

  treeadapteritems.add(treeadapteritem);

  if (treeadapteritem.isparent()) {

   list list = treeadapteritem.getallchilds();

   if (list != null && list.size() > 0) {

   treeadapteritems.addall(list);
   }
  }
  }
  return treeadapteritems;
 }

 /**
 * 是否持有子数据
 *
 * @return
 */
 public boolean isparent() {
  return childs != null && childs.size() > 0;
 }
 /**
 * item在每行中的spansize
 * 默认为0,如果为0则占满一行
 * 不建议连续的两级,都设置该数值
 *
 * @return 所占值
 */
 public int initspansize() {
  return spansize;
 }
 /**
 * 初始化子数据
 *
 * @param data
 * @return
 */
 protected abstract list<treeadapteritem> initchildslist(d data);
 /**
 * 该条目的布局id
 *
 * @return 布局id
 */
 protected abstract int initlayoutid();

 /**
 * 抽象holder的绑定
 *
 * @param holder viewholder
 */
 public abstract void onbindviewholder(viewholder holder);
}

再来看看adapter

public class treerecyclerviewadapter<t extends treeadapteritem> extends recyclerview.adapter<viewholder> {

 protected context mcontext;
 /**
 * 存储所有可见的node
 */
 protected list<t> mdatas;//处理后的展示数据

 /**
 * 点击item的回调接口
 */
 private ontreeitemclicklistener ontreeitemclicklistener;

 public void setontreeitemclicklistener(ontreeitemclicklistener ontreeitemclicklistener) {
 this.ontreeitemclicklistener = ontreeitemclicklistener;
 }

 /**
 *
 * @param context 上下文
 * @param datas 条目数据
 */
 public treerecyclerviewadapter(context context, list<t> datas) {
 mcontext = context;
 mdatas = datas;
 }

 /**
 * 相应recyclerview的点击事件 展开或关闭
 * 重要
 * @param position 触发的条目
 */
 public void expandorcollapse(int position) {
 //获取当前点击的条目
 treeadapteritem treeadapteritem = mdatas.get(position);
 //判断点击的条目有没有下一级
 if (!treeadapteritem.isparent()) {
  return;
 }
 //判断是否展开
 boolean expand = treeadapteritem.isexpand();
 if (expand) {
  //获取所有的子数据.
  list allchilds = treeadapteritem.getallchilds();
  mdatas.removeall(allchilds);
  //告诉item,折叠
  treeadapteritem.oncollapse();
 } else {
  //获取下一级的数据
  mdatas.addall(position + 1, treeadapteritem.getchilds());
  //告诉item,展开
  treeadapteritem.onexpand();
 }
 notifydatasetchanged();
 }
 //adapter绑定recycleview后.
 @override
 public void onattachedtorecyclerview(recyclerview recyclerview) {
 super.onattachedtorecyclerview(recyclerview);
 //拿到布局管理器
 recyclerview.layoutmanager layoutmanager = recyclerview.getlayoutmanager();
 //判断是否是gridlayoutmanager,因为gridlayoutmanager才能设置每个条目的行占比.
 if (layoutmanager instanceof gridlayoutmanager) {
  final gridlayoutmanager gridlayoutmanager = (gridlayoutmanager) layoutmanager;
  gridlayoutmanager.setspansizelookup(new gridlayoutmanager.spansizelookup() {
  @override
  public int getspansize(int position) {

   treeadapteritem treeadapteritem = mdatas.get(position);
   if (treeadapteritem.getspansize() == 0) {
   //如果是默认的大小,则占一行
   return gridlayoutmanager.getspancount();
   }
   //根据item的spansize来决定所占大小
   return treeadapteritem.getspansize();
  }
  });
 }
 }


 @override
 public viewholder oncreateviewholder(viewgroup parent, int viewtype) {
 //这里,直接通过item设置的id来创建viewholder
 return viewholder.createviewholder(mcontext, parent, viewtype);
 }

 @override
 public void onbindviewholder(viewholder holder, final int position) {
 final treeadapteritem treeadapteritem = mdatas.get(position);
 holder.itemview.setonclicklistener(new view.onclicklistener() {
  @override
  public void onclick(view v) {
  //折叠或展开
  expandorcollapse(position);
  if (ontreeitemclicklistener != null) {
   //点击监听的回调.一般不是最后一级,不需要处理吧.
   ontreeitemclicklistener.onclick(treeadapteritem, position);
  }
  }
 });
 treeadapteritem.onbindviewholder(holder);
 }

 @override
 public int getitemviewtype(int position) {
 //返回item的layoutid
 return mdatas.get(position).getlayoutid();
 }

 @override
 public int getitemcount() {
 return mdatas == null ? 0 : mdatas.size();
 }

 public interface ontreeitemclicklistener {
 void onclick(treeadapteritem node, int position);
 }
}

具体使用:

/**
 * created by baozi on 2016/12/8.
 */
public class oneitem extends treeadapteritem<citybean> {

 public oneitem(citybean data) {
 super(data);
 }
 //这里数据用的是,一个三级城市列表数据。
 @override
 protected list<treeadapteritem> initchildslist(citybean data) {//这个citybean 是一级数据
 arraylist<treeadapteritem> onechilds= new arraylist<>();
 list<citybean.citysbean> citys = data.getcitys();
 if (citys == null) {//如果没有二级数据就直接返回.
  return null;
 }
 for (int i = 0; i < citys.size(); i++) {//遍历二级数据.
  twoitem twoitem = new twoitem(citys.get(i));//创建二级条目。
  onechilds.add(twoitem);
 }
 return onechilds;
 }

 @override
 protected int initlayoutid() {//当前级数的布局
 return r.layout.itme_one;
 }

 @override
 public void onexpand() {
 super.onexpand();

 }


 @override
 public void onbindviewholder(viewholder holder) {
 //设置当前级数的viewhodler.
 //如果需要某个view展开关闭时的动画,可以在这里保存view到成员变量。
 //然后在onexpand()方法里面操作。
 holder.settext(r.id.tv_content, data.getprovincename());
 }
}

如果是同一级想要设置不同的布局,接着看

/**
 * created by baozi on 2016/12/8.
 */
public class fouritem extends treeadapteritem<string> {
....

 @override
 protected list<treeadapteritem> initchildslist(string data) {
 arraylist<treeadapteritem> treeadapteritems = new arraylist<>();
 for (int i = 0; i < 10; i++) {
  fiveitem threeitem = new fiveitem("我是五级");
  //在遍历的时候,通过条件,重设孩子的布局id.和所占比
  if (i % 4 == 0) {//偷个懒,不多写布局了.
  threeitem.setlayoutid(r.layout.itme_one);
  threeitem.setspansize(0);
  } else if (i % 3 == 0) {
  threeitem.setlayoutid(r.layout.item_two);
  threeitem.setspansize(2);
  }
  treeadapteritems.add(threeitem);
 }
 return treeadapteritems;
 }
....
}
/**
 * created by baozi on 2016/12/8.
 */
public class fiveitem extends treeadapteritem<string> {
 .......
//设置默认的布局
 @override
 protected int initlayoutid() {
 return r.layout.item_five;
 }
//设置默认的占比
 @override
 public int initspansize() {
 return 2;
 }
 //根据layoutid来判断viewhodler并设置
 @override
 public void onbindviewholder(viewholder holder) {
 if (layoutid == r.layout.itme_one) {
  holder.settext(r.id.tv_content, "我是第一种五级");
 } else if (layoutid == r.layout.item_five) {
  holder.settext(r.id.tv_content, "我是第二种五级");
 }else if (layoutid == r.layout.item_two) {
  holder.settext(r.id.tv_content, "我是第三种五级");
 }
 }
}

更新及详解:

更深入的介绍可以查看这篇文章:

下面附上demo下载地址:

github传送门:treerecyclerview

本地下载:http://xiazai.jb51.net/201705/yuanma/treerecyclerview(jb51.net).rar

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。