RecycleView实现多布局可展开列表

前言

盗用图一张

今天就来讲讲这种效果的实现逻辑吧。


二.实现原理

2.1 首先看看要展示的原始数据结构

结合上面的效果图,我们需要将Data数据源“切割”成4部分,header,productGroup,product和footer,其中product作为一个list展示,需要满足即可展示也可隐藏的功能。

接下来,我们要实现的整体逻辑就是将一个data数据拆解成四种不同类型的数据,然后依次塞到RecycleView对应的List中平铺展示。这里,我们需要定义数据类型

2.2 定义不同的数据类型

既然将数据分成四个不同的数据类型,又需要统一展示在RecycleView的list中,那么这四个不同的数据类型需要继承一个统一的数据类型ItemData

2.3 定义统一数据类型类ItemData


这里我们统一定义了一个itemType,用于给数据进行分类,然后加了一个itemId,用于给每个数据设置一个position

接下来,看看 header,productGroup,product和footer这四类数据,其中header和footer无非是显示一个字符串,这个就简单的展示下header对应的数据data吧

2.4 HeaderData数据样例

FooterData和HeaderData大同小异,此处省略,然后看productGroup和product,这两个有些特殊,类似一个二级列表,而productGroup对应的是二级列表中的Parent,product对应的是二级列表中的child。

下面看看productGroup对应的数据结构---ProductGroupData

2.5 ProductGroupData代码

ProductGroupData最主要的是标志位expand,用于记录其二级列表是否为展开状态,然后一个 List productList 用来存放二级数据

然后是ProductData数据结构

2.5 ProductData代码

ProductData中主要包含一个subItemId,这是用来标记二级数据展示时的childPosition

至此数据结构创建完毕

三. 数据拆分整合

3.1 模拟一个数据源

Data数据结构前面已经介绍过,下面需要将数据源整合成我们展示时的数据格式

3.2 整个整合流程代码

然后具体的大家要对HeaderData,ProductGroupData和FooterData进行处理,其中ProductGroupData里面包含ProductData的列表数据,这些数据有一个共同点,就是需要设置itemType和itemId,itemType用于设置数据类型,itemId用来存放数据下标(即position),当然大家更需要处理好 ProductGroupData与ProductData中的数据关联。

ok,数据整合完毕后,就是adapter的处理了,所有数据放到RecyclerView.Adapter中展示,因为所有数据(包括HeaderData,ProductGroupData,FooterData以及ProductData的list)均会平铺展示在RecycleView中,于是我们需要重写以下方法:

getItemCount  ----- 重新计算data的所有数目getItemViewType(intposition)  ---- 获取每项的内容onCreateViewHolder(ViewGroup parent,intviewType)  ---- 每项根据类型定义不同ui布局onBindViewHolder(RecyclerView.ViewHolder holder,intposition) --- 不同数据类型的对应逻辑处理

在adapter声明里,我们会定义两个数据list

protectedList mData;//传入的dataprotectedListmAllOrders=newArrayList<>();//展示的data

mData用于从activity中传入数据,此时的数据结构为

  ----HeaderData

  ----ProductGroupData

        ----ProductData1

        ----ProductData2

        ----........

  ----FooterData

mAllOrders是最终展示数据,其数据结构为

  ----HeaderData

  ----ProductGroupData

  ----ProductData1

  ----ProductData2

  ----........

  ----FooterData

mData与mAllOrders最大区别在于mData中包含有二级数据结构,而mAllOrders中的数据就一层,统一平铺展示。

getItemCount既承载着将mData数据结构转化成mAllOrders的数据结构,也需要计算所有数据的个数

3.2 getItemViewType(int position)获取每项的内容

这个比较简单

@OverridepublicintgetItemViewType(intposition){returnmAllOrders.get(position).getItemType();    }

然后是onCreateViewHolder(ViewGroup parent, int viewType)

3.3 onCreateViewHolder示例代码

3.4 onBindViewHolder不同数据处理逻辑

最后在bindHeader,bindProductGroup,bindProduct,bindFooter中对各数据的展示和逻辑做处理。

这里需要提醒的是bindProductGroup(holder,obj,position);方法,因为当中涉及到点击展开ProductData集合,再点击收起ProductData集合的操作,需要用到RecycleView的两个更新方法:

//展开时调用notifyItemRangeInserted(intpositionStart,intitemCount)//收起时调用notifyItemRangeRemoved(intpositionStart,intitemCount)

3.5 点击展开,点击收起ProductData列表的逻辑

处理此逻辑示例代码如下:

//点击事件


一切就绪以后,在MainActivity中调用

3.6 全部中示例代码




R.layout.item_header

R.layout.item_product_group


R.layout.item_product


R.layout.item_footer


ok,今天关于“RecycleView实现多布局可展开列表”的原理解析及实现过程就讲到这里了,谢谢咯。

http://www.kekedj.com/djHome_10.html  我的作品


我的音乐播放器

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容