Android仿前端分页组件pagination

仿前端pagination

Android仿前端分页组件pagination

最近Android原生有个需求就是做个分页组件,不用上拉加载,因为数据量太大用户喜欢前端的方式,UI主要是拼凑比较简单,主要补充了一些判断越界和数据不全的细节,记录方便以后COPY

适配器用的万能的

maven { url 'https://jitpack.io' }
  implementation "io.github.cymchad:BaseRecyclerViewAdapterHelper4:4.1.4"

使用示例

 

   //设置监听即可pageBottomView.mOnPageNumChangeListener = object : PageBottomView.OnPageChangeListener {override fun onPageChange(page: Int, mustRefresh: Boolean) {if (mustRefresh) {mViewModel.goodsPage = pageval name = etGoodsName.text.trim().toString()mViewModel.filterList(name)}}}  fun getGoodsList(goodsName: String? = null) {ApiClient.mainService().getGoodsList(page = goodsPage,page_size = goodsSize,fuzzySearch = goodsName,goodsCategoryId = selectDishType.goodsCategoryId).enqueue(object : BaseCallBack<GoodsPage>() {override fun success(response: HttpResult<GoodsPage>) {LogUtils.logD(TAG, "getGoodsTypeList:${response.data?.data?.size}")response.data?.run {
//                        if (current_page?.toInt() == 1) {
//
//                        }// 设置最大值 接口没有则可以不显示 或者用固定值binding.pageBottomView.setPageSize(last_page, total)// 因为是前端单页分页 所以都得清除// 主页面列表更换goodsList.clear()data?.run {goodsList.addAll(this)}goodsLiveData.postValue(goodsList)}}})}

PageBottomView 

package your pkgimport android.content.Context
import android.graphics.Color
import android.util.AttributeSet
import android.view.View
import android.view.ViewGroup
import android.widget.EditText
import android.widget.ImageView
import android.widget.LinearLayout
import android.widget.TextView
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.chad.library.adapter4.BaseQuickAdapter
import com.chad.library.adapter4.viewholder.QuickViewHolder
import your R class PageBottomView : LinearLayout {var pageIndex = 1var pageMax = 10var pageMin = 3var pageMore = arrayListOf(3, 4, 5, 6, 7)constructor(context: Context) : super(context) {initView(context)}constructor(context: Context, attrs: AttributeSet?) : super(context, attrs) {initView(context)}constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(context,attrs,defStyleAttr) {initView(context)}constructor(context: Context,attrs: AttributeSet?,defStyleAttr: Int,defStyleRes: Int) : super(context, attrs, defStyleAttr, defStyleRes) {initView(context)}//    var weightValue = 0.00f
//    var mEditText: EditText? = nullclass PageAdapter : BaseQuickAdapter<Int, QuickViewHolder>() {var mPage = 0override fun onCreateViewHolder(context: Context,parent: ViewGroup,viewType: Int): QuickViewHolder {return QuickViewHolder(R.layout.item_rv_page, parent)}override fun onBindViewHolder(holder: QuickViewHolder,position: Int,item: Int?) {item?.run {holder.setText(R.id.tvPage, "${item}")selectPage(holder.getView(R.id.tvPage), mPage == item)}}fun updatePageUI(page: Int) {mPage = pagenotifyDataSetChanged()}fun selectPage(textView: TextView, isSelect: Boolean) {if (isSelect) {textView.setBackgroundResource(R.drawable.shape_rect_bg_f2_blue_4)textView.setTextColor(Color.WHITE)} else {textView.setBackgroundResource(R.drawable.shape_rect_dialog_bg_line_4)textView.setTextColor(Color.parseColor("#FF333333"))}}}private val mPageAdapter = PageAdapter()var mOnPageNumChangeListener: OnPageChangeListener? = nullvar rvPage: RecyclerView? = nullvar tvMore: TextView? = nullvar tvPageLeftIndex: TextView? = nullvar tvPageRightIndex: TextView? = nullvar tvPageStart: TextView? = nullvar tvPageStart2: TextView? = nullvar tvPageEnd: TextView? = nullvar ivPageRuduce: ImageView? = nullvar ivPageAdd: ImageView? = nullvar tvGoPageEdit: TextView? = nullvar etPageNum: EditText? = nullvar tvTotal: TextView? = nullprivate fun initView(context: Context) {inflate(context, R.layout.view_page_index, this)rvPage = findViewById(R.id.rvPage)tvMore = findViewById(R.id.tvMore)tvPageLeftIndex = findViewById(R.id.tvPageLeftIndex)tvPageRightIndex = findViewById(R.id.tvPageRightIndex)tvPageStart = findViewById(R.id.tvPageStart)tvPageStart2 = findViewById(R.id.tvPageStart2)tvPageEnd = findViewById(R.id.tvPageEnd)ivPageRuduce = findViewById(R.id.ivPageRuduce)ivPageAdd = findViewById(R.id.ivPageAdd)tvGoPageEdit = findViewById(R.id.tvGoPageEdit)etPageNum = findViewById(R.id.etPageNum)tvTotal = findViewById(R.id.tvTotal)rvPage?.adapter = mPageAdapterrvPage?.setLayoutManager(LinearLayoutManager(context,LinearLayoutManager.HORIZONTAL, false))tvMore?.setOnClickListener {if (rvPage?.visibility == View.GONE) {rvPage?.visibility = View.VISIBLEtvPageLeftIndex?.visibility = View.VISIBLEtvPageRightIndex?.visibility = View.VISIBLE} else {rvPage?.visibility = View.GONEtvPageLeftIndex?.visibility = View.GONEtvPageRightIndex?.visibility = View.GONE}}tvPageStart?.setOnClickListener {onPageChange(1, true)}tvPageStart2?.setOnClickListener {onPageChange(2, true)}tvPageStart?.setOnClickListener {onPageChange(1, true)}tvPageEnd?.setOnClickListener {onPageChange(pageMax, true)}ivPageRuduce?.setOnClickListener {reducePageOne()}ivPageAdd?.setOnClickListener {addPageOne()}tvPageLeftIndex?.setOnClickListener {reducePageNext()initData()}tvPageRightIndex?.setOnClickListener {addPageNext()initData()}mPageAdapter.setOnItemClickListener { adapter, view, position ->pageIndex = adapter.items[position]onPageChange(pageIndex, true)}tvGoPageEdit?.setOnClickListener {pageIndex = (etPageNum?.text?.trim() ?: "0").toString().toInt()if (pageIndex > pageMax) {pageIndex = pageMax}if (pageIndex < pageMin) {pageIndex = pageMin}etPageNum?.setText(pageIndex.toString())etPageNum?.clearFocus()pageMore.clear()var right = pageIndex + 4if (pageIndex + 4 > pageMax - 1) {right = pageMax - 1}if (right < 7) {right = 7}for (i in right - 4..right) {pageMore.add(i)}onPageChange(pageIndex, true)}// 初始化UIonPageChange(1, false)}fun setTotalText(des: String) {tvTotal?.text = des}private fun initData() {// fixme  5 为一段  不包含 1 2 10 逻辑待补充mPageAdapter.submitList(pageMore)onPageChange(pageIndex, true)}fun initDataFirst() {pageIndex = 1pageMore = arrayListOf(3, 4, 5, 6, 7)// fixme  5 为一段  不包含 1 2 10 逻辑待补充mPageAdapter.submitList(pageMore)onPageChange(pageIndex, true)}private fun reducePageOne() {pageIndex = if (pageIndex - 1 >= 1) {--pageIndex} else {1}if (pageIndex < pageMore[0] && pageMore[0] - 1 > 2) {// pageMore 每个数加1for (i in 0..4) {pageMore[i] = pageMore[i] - 1}}onPageChange(pageIndex, true)}private fun addPageNext() {if (pageMore[4] + 5 < pageMax) {for (i in 0..4) {pageMore[i] = pageMore[i] + 5}} else {for (i in 0..4) {pageMore[i] = (pageMax - 5) + i}}pageIndex = pageMore[2]onPageChange(pageIndex, true)}private fun reducePageNext() {if (pageMore[0] - 5 > 2) {for (i in 0..4) {pageMore[i] = pageMore[i] - 5}} else {for (i in 0..4) {pageMore[i] = i + pageMin}}pageIndex = pageMore[2]onPageChange(pageIndex, true)}private fun addPageOne() {pageIndex = if (pageIndex + 1 <= pageMax) {++pageIndex} else {pageMax}if (pageIndex > pageMore[4] && pageMore[4] + 1 < pageMax) {// pageMore 每个数加1for (i in 0..4) {pageMore[i] = pageMore[i] + 1}}onPageChange(pageIndex, true)}private fun onPageChange(page: Int, mustRefresh: Boolean) {pageIndex = pageif (pageIndex in 3..<pageMax) {rvPage?.visibility = View.VISIBLEtvPageLeftIndex?.visibility = View.VISIBLEtvPageRightIndex?.visibility = View.VISIBLEmPageAdapter.submitList(pageMore)}selectPage(tvPageStart, pageIndex == 1)selectPage(tvPageStart2, pageIndex == 2)selectPage(tvPageEnd, pageIndex == pageMax)mPageAdapter.updatePageUI(pageIndex)mOnPageNumChangeListener?.onPageChange(pageIndex, mustRefresh)}private fun selectPage(textView: TextView?, isSelect: Boolean) {textView?.run {if (isSelect) {setBackgroundResource(R.drawable.shape_rect_bg_f2_blue_4)setTextColor(Color.WHITE)} else {setBackgroundResource(R.drawable.shape_rect_dialog_bg_line_4)setTextColor(Color.parseColor("#FF333333"))}}}fun setPageSize(maxPage: Int, maxSize: Int) {pageMax = maxPageif (pageMax < 10) {pageMax = 10}// 操作maxtvPageEnd?.text = pageMax.toString()// 实际maxsetTotalText("共${maxPage}页 ${maxSize}条")}interface OnPageChangeListener {fun onPageChange(page: Int, mustRefresh: Boolean)}
}

view_page_index

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_vertical|end"android:orientation="horizontal"android:paddingHorizontal="@dimen/dp_90"android:paddingVertical="@dimen/dp_20"><TextViewandroid:id="@+id/tvTotal"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:textColor="#FF333333"android:textSize="@dimen/dp_16"tools:text="共10页,100条数据" /><ImageViewandroid:id="@+id/ivPageRuduce"android:layout_width="@dimen/dp_28"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_10"android:background="@drawable/shape_rect_dialog_bg_line_4"android:padding="@dimen/dp_5"android:src="@mipmap/icon_page_left" /><TextViewandroid:id="@+id/tvPageStart"android:layout_width="@dimen/dp_28"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_12"android:background="@drawable/shape_rect_dialog_bg_line_4"android:gravity="center"android:text="1"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /><TextViewandroid:id="@+id/tvPageStart2"android:layout_width="@dimen/dp_28"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_6"android:background="@drawable/shape_rect_dialog_bg_line_4"android:gravity="center"android:text="2"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /><TextViewandroid:id="@+id/tvPageLeftIndex"android:layout_width="@dimen/dp_28"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_6"android:background="@drawable/shape_rect_dialog_bg_line_4"android:gravity="center"android:text="&lt;&lt;"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/rvPage"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginHorizontal="@dimen/dp_6"tools:listitem="@layout/item_rv_page" /><TextViewandroid:id="@+id/tvPageRightIndex"android:layout_width="@dimen/dp_28"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_6"android:background="@drawable/shape_rect_dialog_bg_line_4"android:gravity="center"android:text="&gt;&gt;"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /><TextViewandroid:id="@+id/tvMore"android:layout_width="@dimen/dp_28"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_6"android:background="@drawable/shape_rect_dialog_bg_line_4"android:gravity="center"android:text="···"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /><TextViewandroid:id="@+id/tvPageEnd"android:layout_width="@dimen/dp_28"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_6"android:background="@drawable/shape_rect_dialog_bg_line_4"android:gravity="center"android:text="10"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /><ImageViewandroid:id="@+id/ivPageAdd"android:layout_width="@dimen/dp_28"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_12"android:background="@drawable/shape_rect_dialog_bg_line_4"android:padding="5dp"android:src="@mipmap/icon_page_right" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginStart="@dimen/dp_6"android:gravity="center"android:text="28条/页"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginStart="@dimen/dp_6"android:gravity="center"android:text="跳至"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /><EditTextandroid:id="@+id/etPageNum"android:layout_width="@dimen/dp_28"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_6"android:background="@drawable/shape_rect_dialog_bg_line_4"android:gravity="center"android:inputType="number"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginStart="@dimen/dp_6"android:gravity="center"android:text="页"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /><TextViewandroid:id="@+id/tvGoPageEdit"android:layout_width="wrap_content"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_12"android:background="@drawable/shape_rect_dialog_bg_line_4"android:gravity="center"android:paddingHorizontal="@dimen/dp_20"android:text="跳转"android:textColor="#FF333333"android:textSize="@dimen/dp_18" />
</LinearLayout>

item_rv_page
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"><TextViewandroid:id="@+id/tvPage"android:layout_width="@dimen/dp_28"android:layout_height="@dimen/dp_28"android:layout_marginStart="@dimen/dp_4"android:background="@drawable/shape_rect_dialog_bg_line_4"android:gravity="center"android:text="10"android:textColor="#FF333333"android:textSize="@dimen/dp_18" /></FrameLayout>

R.drawable.shape_rect_bg_f2_blue_4
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><solid android:color="#FF2A82E4" /><cornersandroid:radius="4dp" />
</shape>

R.drawable.shape_rect_dialog_bg_line_4
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><solid android:color="@android:color/white" /><cornersandroid:radius="4dp" /><strokeandroid:width="0.5dp"android:color="#FFB0B0B0" />
</shape>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/61669.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

贴代码框架PasteForm特性介绍之query,linkquery

简介 PasteForm是贴代码推出的 “新一代CRUD” &#xff0c;基于ABPvNext&#xff0c;目的是通过对Dto的特性的标注&#xff0c;从而实现管理端的统一UI&#xff0c;借助于配套的PasteBuilder代码生成器&#xff0c;你可以快速的为自己的项目构建后台管理端&#xff01;目前管…

深入理解下oracle 11g block组成

深层次说&#xff0c;oracle数据库的最少组成单位应该是块&#xff0c;一般默认情况下&#xff0c;oracle数据库的块大小是8kb&#xff0c;其中存储着我们平常所需的数据。我们在使用过程中&#xff0c;难免会疑问道&#xff1a;“oracle数据块中到底是怎样组成的&#xff0c;平…

万有引力定律和库仑定律:自然的对称诗篇

万有引力定律和库仑定律&#xff1a;自然的对称诗篇 在宇宙深邃的知识长河中&#xff0c;万有引力定律和库仑定律恰似两颗璀璨的明珠&#xff0c;闪耀着人类智慧与自然奥秘的光辉。 十七世纪&#xff0c;牛顿在对天体运行的深邃思索中&#xff0c;拨开重重迷雾&#xff0c;发现…

win10局域网加密共享设置

1、创建共享账户 我的电脑右键选择管理 选择本地用户和组 -> 用户 双击用户 在空白区域右键,新建用户 然后创建用户 点击创建后 2、设置网络 右下角网络右键

.NET6 WebApi第1讲:VSCode开发.NET项目、区别.NET5框架【两个框架启动流程详解】

一、使用VSCode开发.NET项目 1、创建文件夹&#xff0c;使用VSCode打开 2、安装扩展工具 1>C# 2>安装NuGet包管理工具&#xff0c;外部dll包依靠它来加载 法1》&#xff1a;NuGet Gallery&#xff0c;注意要启动科学的工具 法2》NuGet Package Manager GUl&#xff0c…

准备阶段 Profiler性能分析工具的使用(一)

Unity 性能分析器 (Unity Profiler) 性能分析器记录应用程序性能的多个方面并显示相关信息。使用此信息可以做出有关应用程序中可能需要优化的事项的明智决策&#xff0c;并确认所做的优化是否产生预期结果。 默认情况下&#xff0c;性能分析器记录并保留游戏的最后 300 帧&a…

【强化学习的数学原理】第03课-贝尔曼最优公式-笔记

学习资料&#xff1a;bilibili 西湖大学赵世钰老师的【强化学习的数学原理】课程。链接&#xff1a;强化学习的数学原理 西湖大学 赵世钰 文章目录 一、例子&#xff1a;如何改进策略&#xff1f;二、最优策略和公式推导三、公式求解以及最优性四、最优策略的有趣性质五、本节课…

24小时自动监控,自动录制直播蓝光视频!支持抖音等热门直播软件

文章目录 📖 介绍 📖🏡 演示环境 🏡📒 工具特点📒📝 使用🎈 获取方式 🎈⚓️ 相关链接 ⚓️📖 介绍 📖 对于许多直播爱好者和内容创作者而言,错过心爱的直播或难以搜集视频素材始终是一个难题。今天,给大家分享的这款工具可以轻松解决这个问题,它拥有…

【LSTM实战】跨越千年,赋诗成文:用LSTM重现唐诗的韵律与情感

本文将介绍如何使用LSTM训练一个能够创作诗歌的模型。为了训练出效果优秀的模型&#xff0c;我整理了来自网络的4万首诗歌数据集。我们的模型可以直接使用预先训练好的参数&#xff0c;这意味着您无需从头开始训练&#xff0c;即可在自己的电脑上体验AI作诗的乐趣。我已经为您准…

【Swift】运算符

文章目录 术语赋值运算符算数运算符基本四则算术运算符求余运算符一元负号运算符一元正号运算符 比较运算符三元运算符空合运算符区间运算符闭区间运算符半开区间运算符单侧区间运算符 逻辑运算符逻辑非运算符逻辑与运算符逻辑或运算符逻辑运算符组合计算 位运算符运算符优先级…

微信小程序技术架构图

一、视图层1.WXML&#xff08;WeiXin Markup Language&#xff09; 这是微信小程序的标记语言&#xff0c;类似于 HTML。它用于构建小程序的页面结构。例如&#xff0c;通过标签来定义各种视图元素&#xff0c;如<view>&#xff08;类似于 HTML 中的<div>&#xff…

【AI最前线】DP双像素sensor相关的AI算法全集:深度估计、图像去模糊去雨去雾恢复、图像重建、自动对焦

Dual Pixel 简介 双像素是成像系统的感光元器件中单帧同时生成的图像&#xff1a;通过双像素可以实现&#xff1a;深度估计、图像去模糊去雨去雾恢复、图像重建 成像原理来源如上&#xff0c;也有遮罩等方式的pd生成&#xff0c;如图双像素视图可以看到光圈的不同一半&#x…

Python 版本的 2024详细代码

2048游戏的Python实现 概述&#xff1a; 2048是一款流行的单人益智游戏&#xff0c;玩家通过滑动数字瓷砖来合并相同的数字&#xff0c;目标是合成2048这个数字。本文将介绍如何使用Python和Pygame库实现2048游戏的基本功能&#xff0c;包括游戏逻辑、界面绘制和用户交互。 主…

socket连接封装

效果&#xff1a; class websocketMessage {constructor(params) {this.params params; // 传入的参数this.socket null;this.lockReconnect false; // 重连的锁this.socketTimer null; // 心跳this.lockTimer null; // 重连this.timeout 3000; // 发送消息this.callbac…

大语言模型---RewardBench 介绍;RewardBench 的主要功能;适用场景

文章目录 1. RewardBench 介绍2. RewardBench 的主要功能3. 适用场景 1. RewardBench 介绍 RewardBench: Evaluating Reward Models是一个专门用于评估 Reward Models&#xff08;奖励模型&#xff09; 的公开平台&#xff0c;旨在衡量模型在多种任务上的性能&#xff0c;包括…

基于Redis实现的手机短信登入功能

目录 开发准备 注册阿里短信服务 依赖坐标 阿里短信 依赖 mybatis-plus 依赖 redis 依赖 配置文件 导入数据库表 短信发送工具类 生成随机验证码的工具类 校验合法手机号的工具类 ThreadLocal 线程工具类 消息工具类 基于 session 的短信登录的问题 开发教程 Redis 结构设计 …

Java语言程序设计 选填题知识点总结

第一章 javac.exe是JDK提供的编译器public static void main (String args[])是Java应用程序主类中正确的main方法Java源文件是由若干个书写形式互相独立的类组成的Java语言的名字是印度尼西亚一个盛产咖啡的岛名Java源文件中可以有一个或多个类Java源文件的扩展名是.java如果…

python程序的编写以及发布(形象类比)

最近重新接触python&#xff0c;本人之前对于python的虚拟环境&#xff0c;安装包比较比较迷惑&#xff0c;这里给出一个具象的理解。可以将 Python 程序运行的过程类比成一次 做菜的过程&#xff0c;从准备食材到最后出锅。以下是具体的类比步骤&#xff1a; 1. 安装 Python 环…

shell基础知识3 --- 流程控制之条件判断

条件判断语句是一种最简单的流程控制语句。该语句使得程序根据不同的条件来执行不同的程序分支。 一、if语句语法 1.单分支结构 法1&#xff1a; 法2&#xff1a; if <条件表达式> if…

电容测试流程

一、外观检测 1. 目的&#xff1a;检验电容样品外观是否与规格书一致&#xff0c;制程工艺是否良好&#xff0c;确保部品的品质。 2. 仪器&#xff1a;放大镜 3. 测试说明&#xff1a; &#xff08;1&#xff09;样品上丝印与规格书中相符&#xff0c;丝印信息&#xff08;…