Android使用RecycleView显示带有头部(Section)的列表页面

在实战项目中,遇到这样一个需求。就是,一个包含有头部的列表页面。由于自己没有接触过这方面的东西,苦思冥想了好几天。并且根据服务器返回的数据。完成此需求。下面先说说需求吧:

1.包含有头部介绍性信息。

2.下面是多行两列的图片。

我采用的是recycleview嵌套recycleview的方式完成此功能实现。下面说一下思路:

因为从服务器返回数据是:

  {    

         setion:头部名字,

         {       图片数组(第一个图片对象,第二个图片对象什么的)     }

  }

所以在外层的xml布局就是一个大的recycleview。然后设置填充在recycleview中的item布局。这个item有点特殊。

头部标题(TextView)

多行两列的图片(RecycleVeiw)

效果图看下面:


需求效果展示


数据信息构成

  完成了第一个recycleview的item1布局,接下里的工作就是完成嵌套在item1中的recycleview的item2布局了。其实很简单,只需要一个imageview就行了,没什么特别的布局。之后就是关键的步骤,是如何将数据通过adapter绑定到列表的呢?

  在adapter1中的onBindViewHolder方法中加入,数据适配器2(ImageAdapter),每一个都要进行初始化的(我也不知道用不用,反正我是用了),因为你不初始化,分区怎么做呢?

  每一个头部,图片是一个整体。每次将头部(标题名称)布局出来也会把下面的recycleview布局出来。那么每个recycleview都要有个adapter(貌似可以直接在外面实力化一个imageAdapter啊。。。尴尬。暂且这么写吧,回头我再试试)


第一个数据适配器

第二个数据适配器,就是ImageAdapter。没什么特殊写法,就是这样的。

ImageAdapter方法截图

最终的展示效果:如下图所示。


最终效果展示

因为没有到过帝都,以及一些互联网发展迅速的城市,做这些也不知道是不是潮流。在此记录一下,希望能帮到朋友们。如果错误地方,请及时指出。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,507评论 25 709
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 47,050评论 22 665
  • 最近做了一个Android UI相关开源项目库汇总,里面集合了OpenDigg 上的优质的Android开源项目库...
    OpenDigg阅读 17,518评论 6 222
  • 昨晚看了速8,刚开始的时候,被多米尼克高调环搂的莱蒂羡慕了一脸,这个女子是有多幸运,才能让这个全世界为之疯狂...
    安吉月阅读 1,580评论 0 1
  • 窗外是寒冬的傍晚,华灯初上,夜未央。人生里每一个柔软的片刻,要有人和你共享,才更显得弥足珍贵。 也许有人会说,我一...
    小阿战阅读 3,502评论 3 3

友情链接更多精彩内容