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

发布时间 - 2026-01-11 02:41:57    点击率:

昨天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-auto"
  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>```

在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());
}```

来看看效果

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

总结

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# recyclerview水平分页  # recyclerview  # 分页  # Android中实现多行、水平滚动的分页的Gridview实例源码  # Android中RecyclerView实现分页滚动的方法详解  # Android之ListView分页加载数据功能实现代码  # Android实现ListView分页自动加载数据的方法  # android实现listview分页的方法  # Android实现简单的分页效果  # Android提高之SQLite分页表格实现方法  # Android开发中滑动分页功能实例详解  # Android端代码量非常小的分页加载库  # 很明显  # 第一页  # 复用  # 才是  # 上一页  # 有很多  # 可以用  # 只需  # 很容易  # 这就  # 给了  # 要用  # 可以看到  # 来看看  # 自定义  # 解决问题  # 要将  # 并不能  # 最容易 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何在IIS7中新建站点?详细步骤解析  php json中文编码为null的解决办法  如何在建站主机中优化服务器配置?  如何在HTML表单中获取用户输入并结合JavaScript动态控制复利计算循环  Laravel的HTTP客户端怎么用_Laravel HTTP Client发起API请求教程  如何制作公司的网站链接,公司想做一个网站,一般需要花多少钱?  制作公司内部网站有哪些,内网如何建网站?  文字头像制作网站推荐软件,醒图能自动配文字吗?  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  Laravel Debugbar怎么安装_Laravel调试工具栏配置指南  C++用Dijkstra(迪杰斯特拉)算法求最短路径  JavaScript如何实现路由_前端路由原理是什么  Laravel API路由如何设计_Laravel构建RESTful API的路由最佳实践  *服务器网站为何频现安全漏洞?  Laravel Asset编译怎么配置_Laravel Vite前端构建工具使用  如何批量查询域名的建站时间记录?  Laravel如何优化应用性能?(缓存和优化命令)  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  JavaScript如何实现继承_有哪些常用方法  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  网站制作企业,网站的banner和导航栏是指什么?  Laravel怎么上传文件_Laravel图片上传及存储配置  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍?  如何选择可靠的免备案建站服务器?  Laravel项目结构怎么组织_大型Laravel应用的最佳目录结构实践  网站制作报价单模板图片,小松挖机官方网站报价?  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?  如何用腾讯建站主机快速创建免费网站?  高防服务器如何保障网站安全无虞?  装修招标网站设计制作流程,装修招标流程?  做企业网站制作流程,企业网站制作基本流程有哪些?  详解Huffman编码算法之Java实现  Swift中swift中的switch 语句  网站建设保证美观性,需要考虑的几点问题!  如何在阿里云高效完成企业建站全流程?  Laravel如何实现事件和监听器?(Event & Listener实战)  Laravel Session怎么存储_Laravel Session驱动配置详解  怎么用AI帮你设计一套个性化的手机App图标?  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  网站建设整体流程解析,建站其实很容易!  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  公司网站制作价格怎么算,公司办个官网需要多少钱?  谷歌浏览器如何更改浏览器主题 Google Chrome主题设置教程  Swift开发中switch语句值绑定模式  如何自定义建站之星模板颜色并下载新样式?  如何在阿里云部署织梦网站?  javascript中的try catch异常捕获机制用法分析  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?  利用JavaScript实现拖拽改变元素大小  如何确认建站备案号应放置的具体位置?