【Android】上拉加载更多，下拉刷新数据快速实现

项目需求

在页面数据中，每次只显示一部分，当手指操作从下往上滑动时，进行请求加载更多数据，当从上往下滑动时，进行整个所有数据的刷新。

需求实现

1.引入依赖

    //刷新implementation  'com.scwang.smart:refresh-layout-kernel:2.0.1'      //核心必须依赖implementation  'com.scwang.smart:refresh-header-classics:2.0.1'    //经典刷新头implementation  'com.scwang.smart:refresh-header-radar:2.0.1'       //雷达刷新头implementation  'com.scwang.smart:refresh-header-falsify:2.0.1'     //虚拟刷新头implementation  'com.scwang.smart:refresh-header-material:2.0.1'    //谷歌刷新头implementation  'com.scwang.smart:refresh-header-two-level:2.0.1'   //二级刷新头implementation  'com.scwang.smart:refresh-footer-ball:2.0.1'        //球脉冲加载implementation  'com.scwang.smart:refresh-footer-classics:2.0.1'    //经典加载

2.界面布局,使用SmartRefreshLayout包裹我们显示数据的RecyclerView

    <com.scwang.smart.refresh.layout.SmartRefreshLayoutandroid:id="@+id/sr_home"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_below="@id/ll_home"android:layout_marginStart="20dp"android:layout_marginTop="10dp"android:layout_marginEnd="20dp"><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/rv_home"android:layout_width="match_parent"android:layout_height="match_parent"android:overScrollMode="never"android:scrollbars="none" /></com.scwang.smart.refresh.layout.SmartRefreshLayout>

3.快速实现

        binding.srHome.apply {//设置头部刷新效果setRefreshHeader(MaterialHeader(context))//设置底部刷新效果setRefreshFooter(ClassicsFooter(context))setEnableLoadMore(true)setEnableRefresh(true)//上拉加载更多setOnLoadMoreListener {it.finishLoadMore(2000)}//下拉刷新setOnRefreshListener {it.finishRefresh(2000)}}

OVER

【Android】上拉加载更多，下拉刷新数据快速实现相关推荐

结合SwipeRefreshLayout可以上拉加载更多下拉刷新的RecyclerView
源码下载地址:http://download.csdn.net/detail/zhou_anzhuojinjie/9661542 话不多说直接上代码 dependencies {compile fil ...
ListView上拉加载和下拉刷新多种实现方式
ListView上拉加载和下拉刷新多种实现方式该篇为ListView下拉刷新和上拉加载实现的各种方法大合集.可能在具体的细节逻辑上处理不太到位,但基本上完成逻辑的实现.细节方面,个人可以根据自己的需 ...
如何实现上拉加载，下拉刷新？
如何实现上拉加载,下拉刷新? 一.前言二.实现原理上拉加载下拉刷新三.案例小结一.前言下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页,只是交互形式不同 ...
如何实现上拉加载和下拉刷新
下拉刷新和上拉加载这两种交互⽅式通常出现在移动端中本质上等同于PC⽹⻚中的分⻚,只是交互形式不同开源社区也有很多优秀的解决⽅案,如 iscroll . better-scroll . pullto ...
h5 加载更多下拉按钮_更好的按钮设计的5个技巧
h5 加载更多下拉按钮重点 (Top highlight) 第6部分 (Part 6) After we went through all the very basics of UI design ...
面试官：JavaScript如何实现上拉加载，下拉刷新？
一.前言下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页,只是交互形式不同开源社区也有很多优秀的解决方案,如iscroll.better-scroll.pullto ...
html5上拉下拉刷新,APP 上拉加载，下拉刷新介绍
开发APP时,很多时候都会用上,上拉加载数据,下拉刷新等功能,本文件介绍两种. 一种是原生APP自带的上拉加载,下拉刷新功能,一种是用JS 插件写的上拉加载,下拉刷新. 1.原生APP 的上拉加载, ...
better-scroll 上拉加载，下拉刷新(解决移动端长页面卡顿)
一.Better Scroll 滚动原理 1.下图能直观的表示better-scroll的滚动原理 2.html设置 <div class="wrapper"> < ...
小程序上拉加载，下拉刷新
小程序上拉加载,下拉刷新 data: {collectinformation: null,number: 1,size: 10,isOpenLoading: true,isEmpty: true,is ...
基于iSroll 5.0实现的上拉加载和下拉刷新插件
Updownload.js 基于iSroll 5.0实现的上拉加载和下拉刷新插件移动端效果比较好,开发者工具打开后,需要刷新下页面. [演示地址:] https://chenyk2016.githu ...

【Android】上拉加载更多，下拉刷新数据快速实现

项目需求

需求实现

【Android】上拉加载更多，下拉刷新数据快速实现相关推荐

最新文章

热门文章