RecycleView实现网格不一样的排列布局

最新推荐文章于 2021-11-28 21:32:07 发布

huang_xiao_yu

最新推荐文章于 2021-11-28 21:32:07 发布

阅读量915

点赞数

分类专栏： Android控件文章标签： recycleview 网格布局 gridlayoutmanager 先左后右

本文链接：https://blog.csdn.net/huang_xiao_yu/article/details/102720479

版权

本文介绍了如何实现一个不同于常规的RecycleView网格布局，该布局先从左边填充8个元素，然后从右边填充。通过重新组装数据而非自定义layoutManager来达成目标。难点在于数据组装和去除特定索引项的底部边线。在数据组装中，当实际数据为14条时，需插入2条空数据，确保正确索引。同时，为了消除底部边线，需根据原始数据大小调整。最后，展示了实现后的效果。

摘要由CSDN通过智能技术生成

需求原型图

这次的需求和普通网格布局方式是不一样的，这个是先从左边排满8个，之后再从右边排。
普通recycleView的排列方式是左右左右排的。

在这里插入图片描述

两种途径可实现这种方式：
第一是自定义layoutmanger,这个不会，哭晕。第二种就是重新组装数据，这个倒是会，就是有点麻烦。

在这里插入图片描述
所以难点就集中体现在：
第一，如何重新组装数据
第二，每条item的底部bottom线如何去掉，可能有人认为是最后一条数据，其实不是，按照新的组装方式之后，比如上图，索引值是11和14的时候，下划线才去掉。

实现方式

数据组装：

比如实际获得的数据是14，都要组装成16条，也就是要在这14条数据中插入两条空的数据，空的数据插入的索引值是13和15，这样才会呈现上述的排列方式。同理如果是8条数数据，就要插入8条空的数据，缺多少，补多少，不过索引值一定要搞对。

 private ArrayList<MessageRecipeData.MainMaterialsBean> newBeas = new ArrayList<>();
//判断数据是否大于8
            if (data.size() <= 8) {
   
                for (int i = 0; i < 16; i++) {
   
                    if (i % 2 == 0) {
   //索引为偶
                        int index = i / 2;
                        if (index <= data.size() - 1) {
   //装配原有数据
                            newBeas.add(data.get(index));
                        } else {
   //填充
                            newBeas.add(new MessageRecipeData.MainMaterialsBean("", "",false));
                        }
                    } else {
   //奇数索引值填充
                        newBeas.