Recyclerview最最简单实现水平分页GridView效果

昨天UI妹子给了给需求，展示水平分页效果，而且第二页要默认显示一部分，提示用户水平可以滑动，先上效果图：

GIF.gif

，很明显横向滑动的分页，第一反应就是使用ViewPager，毕竟只要通过自定义ViewPager，实现这个效果还是很容易，但是实际中问题时，当前模块是Recyclerview中某一个Holder，为了性能，肯定尽量使用Recyclerview去复用View，而且ViewPager并不能复用，所以考虑之后，还是要用Recyclerview去实现。

解决思路

既然打算用Recyclerview实现，很明显这就可以用GridLayoutManager处理横向滑动的列表，初步实现横向列表的效果，列数为4的横向分页效果

GIF.gif

横向列表效果是实现了，但是并没有达到设计稿的要求，第二页要默认显示一部分，那么就要从水平方向上去思考解决问题，既然第二页要显示一部分，假如显示16dp，那么将第一页列表宽度减少右边距16dp，第二页就可以在第一页显示了。
在Recyclerview的Adapter中，先上布局：

    

    

    
```

在onBindViewHolder方法中，去修改边距

@Override
public void onBindViewHolder(ItemHolder holder, int position) {
    if (null == bean) {
        return;
    }
    RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, DensityUtil.dip2px(86));     //DensityUtil是px转dp的工具类
    int screenWidth = TCommonUtils.getScreenWidth(context);
    if (position <= 3) {  //因为每列数量为4个，那么只需要将前4个item的宽度减少32dp
        screenWidth -= DensityUtil.dip2px(32);  //宽度减少32dp,即左右各16dp
        params.width = screenWidth;
    } else {
        params.width = screenWidth;
    }
    holder.rlParent.setLayoutParams(params);
    holder.tvTitle.setText(bean.get(position).getTitle());
}```

来看看效果

GIF.gif

可以看到默认第二页可以显示一部分，而且后面每一页都正常显示，没有像第二页一样侵入上一页中

总结

实现这种分页效果的方法有很多，但是选择最容易并且效率最高的方式，才是开发中需要的。