美文网首页
RecyclerView 制作Group折叠列表(如何克服折叠卡

RecyclerView 制作Group折叠列表(如何克服折叠卡

作者: 九风特 | 来源:发表于2020-11-23 11:55 被阅读0次

    需求
    制作一个联系人列表,联系人是分组的,每个组下可能有0-n个联系人,组可以展开折叠。这算是很常见的需求了

    为什么要用RecyclerView
    因为这东西比较新,对分页加载有很好的支持。

    本文目的
    本文旨在帮你通过一个稍微有点难度的实例来帮助您更好的理解和使用RecyclerView, 我们从最简单的开始,逐步深化。本篇先实现效果,数据都来自本地模拟,下一篇我们将介入网络和数据库部分,把数据模拟的更真实。

    难点提前看
    如何隐藏RecyclerView条目,为了达到折叠的效果,我们点击Goup条目的时候会通过一些逻辑把子条目都给隐藏掉,关于这个“隐藏”,网上有很多人说的是隐藏list的某个条目并设定这个条目的高度是0
    但实际上你如果真的这样做的话,会发现条目不多的时候挺好的,没啥毛病,但当需要隐藏的条目有几百上千的话,那就有明显的卡顿感。因为你在一个页面隐藏了1000个条目,安卓需要渲染1000多个条目,虽然高度是0.那不卡才怪呢,我实验了1000个已经卡5,6秒了, 10000个的话直接死掉了。
    那咋办呢,实际上你不应该让RecyclerView去隐藏条目,你应该让RecyclerView控件认为你需要隐藏的控件没有了,那怎么办呢,假设我们的数据最原始的根源是网络服务器,然后在本地有缓存(ROOM)。。。无论你的数据源来自哪里吧, 最终思想就是我弄一个数据源copy版本,让RecyclerView显示的实际上是这个copy,当group折叠时我就在copy中删除对应的数据,展开在加回来(我们原始数据源是不变的,变的copy)。这样的话RecyclerView需要渲染的始终是一个页面的几十条而已,而添加删除几千上万条数据还是很快的,我试验的一万条增删很快,无感吧。(其实1000也很多了,但作为程序员发现几百一千条就卡机那还是难于接受的,实际上我们的软件联系人最多几十个而已,哈哈哈),有了这个思想,剩下就是具体实现了。 最终效果截图(实验demo)

    1.png

    我一开始想从头到尾把这个demo说完,但我发现没有这个必要,网上说这个RecyclerView文章很多,写的也都很好。我就当说一下RecyclerView折叠或者隐藏的见解吧。 把关键代码贴一下,就是当收到点击group条目时我们做的处理,是kotlin的代码,java也一样的道理
    当组item被点击时

                    if (partner.is_group) {
                        adapter.dataRepository.expandPartner(partner)
                        if(partner.isExpanded)
                        {
                            adapter.notifyItemRangeInserted(adapterPosition+1, partner.group_total)
                        }
                        else
                        {
                            adapter.notifyItemRangeRemoved(adapterPosition+1, partner.group_total)
                        }
                        //adapter.notifyItemRangeChanged(adapterPosition, partner.group_total+1)
                        //adapter.notifyItemRangeChanged(adapterPosition, 20)
    
                    }
                    adapter.notifyItemChanged(adapterPosition)
    
     fun expandPartner(partner:Partner):Boolean{
            //展开,则在copy中添加相关条目
            var isDone = false
            if (partner.isExpanded) {
    
                partnersCopy.value?.also { list ->
                    for (i in 0 until list.size) {
                        if (list[i].group_id == partner.group_id) {
                            list[i].isExpanded = partner.isExpanded
                            groupMap[partner.group_id]?.also {gp->
                                list.addAll(i+1, gp)
                            }
                            isDone = true
                            break
                        }
                    }
                }
    
            } else {//折叠则删除条目,这个很简单
                partnersCopy.value?.also { list ->
                    list.removeAll { it.parent == partner }
                    isDone = true
                }
            }
            return isDone
        }
    

    按照此方法,我试验了1万条数据和10条数据感觉是一样的,再多没试验
    我是因为在网上看到隐藏item的办法,然后试试然后发现是个坑,代码截图的如果细研究的人能看懂的。如果正好遇到这个坑的朋友,又不明白这个方法,也可以留言 我demo是能跑的,但比较乱,还实验别的东西。。。

    相关文章

      网友评论

          本文标题:RecyclerView 制作Group折叠列表(如何克服折叠卡

          本文链接:https://www.haomeiwen.com/subject/hhlvbktx.html