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

需求原型图

这次的需求和普通网格布局方式是不一样的,这个是先从左边排满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 {
   
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值