Android Recyclerview实现水平分页GridView效果示例

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

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

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

解决思路

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

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

<?xml version="1.0" enCoding="utf-8"?><relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  xmlns:app="http://schemas.androID.com/apk/res-@R_502_6843@"  xmlns:tools="http://schemas.androID.com/tools"  androID:ID="@+ID/rl_parent"  androID:layout_wIDth="match_parent"  androID:layout_height="55dp"  androID:background="@drawable/news_click_bg"  androID:clickable="true"  androID:gravity="center_vertical">  <ImageVIEw    androID:ID="@+ID/iv_img"    androID:layout_wIDth="48dp"    androID:layout_height="48dp"    androID:layout_centerVertical="true"     androID:layout_marginleft="16dp"    androID:padding="3dp"    androID:src="@drawable/icon_book_default"    androID:tint="@color/blue" />  <com.ddz.lifestyle.basevIEw.customvIEw.RobotoTextVIEw    androID:ID="@+ID/tv_Title"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"    androID:layout_centerVertical="true"    androID:layout_marginleft="15dp"    androID:layout_marginRight="20dp"    androID:layout_toRightOf="@+ID/iv_img"    androID:ellipsize="end"    androID:lines="1"    androID:textSize="18sp"    app:typeface="roboto_regular"    tools:text="name" />  <ImageVIEw    androID:ID="@+ID/iv_menu"    androID:layout_wIDth="34dp"    androID:layout_height="34dp"    androID:layout_alignParentRight="true"    androID:layout_centerVertical="true"    androID:layout_marginRight="10dp"    androID:padding="10dp"    androID:src="@drawable/menu_right"    androID:visibility="invisible" /></relativeLayout>```@H_403_25@
在onBindVIEwHolder方法中，去修改边距
@OverrIDepublic 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());}```@H_403_25@
来看看效果
可以看到默认第二页可以显示一部分，而且后面每一页都正常显示，没有像第二页一样侵入上一页中
总结
实现这种分页效果的方法有很多，但是选择最容易并且效率最高的方式，才是开发中需要的。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。
          总结       
以上是内存溢出为你收集整理的Android Recyclerview实现水平分页GridView效果示例全部内容，希望文章能够帮你解决Android Recyclerview实现水平分页GridView效果示例所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
原文地址:https://54852.com/web/1144857.html