使用SmartRefreshLayout下拉刷新框架实现加载更多

使用 SmartRefreshLayout 可以实现recyclerview的下拉刷新和上拉加载更多,但是有时候在使用上拉加载更多时,不同的json格式需要不同的判断方法

1、后台根据每次相加的totalElements的个数作为请求的参数即pageSize+=12   pageNo=1

{"content":[{"cancel":false,"dateCreated":1571369847000,"draft":true,"id":728316,"inApp":true,"inPush":true,"lastUpdated":1571369847000,"messageType":"USER_FOLLOW","messageTypeIndex":503,"module":{"followStatus":2,"imgUrl":"http://chongming-fs.oss-cn-hangzhou.aliyuncs.com/test/APP/545917/user/cd71c19b-f0fb-43eb-9e7f-630fc98dd1cf.jpg","nickname":"*test002","petCategoryName":"哈士奇","petId":1663286,"petName":"啦咯啦咯啦咯","userId":545917},"moduleId":545917,"read":true,"schedule":false,"sendTime":1571369847000,"senderImgUrl":"http://chongming-fs.oss-cn-hangzhou.aliyuncs.com/test/APP/545917/user/cd71c19b-f0fb-43eb-9e7f-630fc98dd1cf.jpg","senderNickName":"*test002","status":"waiting","targetModule":{"messageType":"USER_FOLLOW","status":"CLOSED","targetModuleId":547148},"targetModuleId":547148,"text":"test02关注了你"}],"totalElements":6,"totalPages":1}
    

1.1、举个例子

 

布局样式

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff7f7f7"
    android:orientation="vertical"
    tools:context=".ui.activity.message.MineFansActivity">

    <include
        android:id="@+id/top_bar"
        layout="@layout/custom_toolbar" />

    <com.scwang.smartrefresh.layout.SmartRefreshLayout
        android:id="@+id/refresh"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:srlEnableAutoLoadMore="true"
        app:srlEnableLoadMore="true"
        app:srlEnableRefresh="true">

        <cn.ipets.chongmingandroid.ui.widget.recyclerview.ClassicsHeader
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <android.support.v4.widget.NestedScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            tools:ignore="UnusedAttribute">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@color/white"
                    android:orientation="vertical">

                    <com.chongminglib.view.VpRecyclerView
                        android:id="@+id/recyclerview"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        tools:targetApi="lollipop" />
                </LinearLayout>

                <TextView
                    android:id="@+id/tips"
                    android:layout_width="match_parent"
                    android:layout_height="@dimen/dp60"
                    android:layout_gravity="center_horizontal"
                    android:background="@color/transparent"
                    android:gravity="center"
                    android:text="没有更多内容了"
                    android:textColor="@color/colorFrame"
                    android:textSize="@dimen/sp14"
                    android:visibility="gone" />

                <include
                    android:id="@+id/ll_blank_view"
                    layout="@layout/layout_blank"
                    android:visibility="gone" />

            </LinearLayout>

        </android.support.v4.widget.NestedScrollView>

        <cn.ipets.chongmingandroid.ui.widget.recyclerview.ClassicsFooter
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

    </com.scwang.smartrefresh.layout.SmartRefreshLayout>


</LinearLayout>

页面代码

刷新和加载

 refresh.setOnRefreshListener {
            mPageNo = 1
            loadData()
        }
refresh.setOnLoadMoreListener {
            mPageNo++
            mPageSize += 12
            loadData()
        }

回调结果处理

 refresh.finishRefresh()
        refresh.finishLoadMore()
        if (bean.code == "200" && bean.data.content != null) {
            tips.visibility = View.GONE
            recyclerview.visibility = View.VISIBLE
            ll_blank_view.visibility = View.GONE//空白页
            if (mPageNo == 1) {
                adapter!!.setNewData(bean.data.content!!)
                if (bean.data.totalElements < 12) {
                    if (bean.data.totalElements == 0) {
                        tips.visibility = View.GONE
                        recyclerview.visibility = View.GONE
                        ll_blank_view.visibility = View.VISIBLE
                        RecyclerVeiwBlankChangePicUtils.setBlankPic(mContext, "还没留下记录哦", tv_blank, iv_blank)
                    }
                    refresh.setEnableLoadMore(false)
                } else {
                    refresh.setEnableLoadMore(true)
                    tips.visibility = View.GONE
                }
            } else {
                adapter!!.addData(bean.data.content!!)
                if (bean.data.totalElements < mPageSize) {
                    refresh.finishLoadMoreWithNoMoreData()
                    tips.visibility = View.VISIBLE
                } else {
                    refresh.setEnableLoadMore(true)
                }
            }
        }

2、这一种使用的是pageNo++,pageSize是个固定值

private fun loadMore() {

        mPageNo += 1
        XLog.e("mPageNo", mPageNo)
        pageRequest!!.PageNo = mPageNo
        presenter!!.youLove(pageRequest)
    }
refreshLayout.finishRefresh()
        refreshLayout.finishLoadMore()
        if (data == null) {
            love_title.visibility = View.GONE
            rv_love.visibility = View.GONE
        } else {
            love_title.visibility = View.VISIBLE
            rv_love.visibility = View.VISIBLE
            if (mPageNo == 1) {
                loveAdapter!!.setNewData(data)
                if (data.size < 10) {
                    refreshLayout.setNoMoreData(true)
                } else {
                    refreshLayout.setNoMoreData(false)
                }
            } else {
                loveAdapter!!.addData(data)
                if (data.size < 10) {
                    refreshLayout.finishLoadMoreWithNoMoreData()
                } else {
                    refreshLayout.setEnableLoadMore(true)
                }

            }

        }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 实现下拉刷新上拉加载更多的话,你可以使用Compose中的`SwipeRefreshLayout`和`LazyColumnFor`。 `SwipeRefreshLayout`可以用来实现下拉刷新,它可以包含其他的Compose控件,并且在用户下拉时会触发刷新事件。 而`LazyColumnFor`是一个可懒加载的Column,它会根据屏幕的空间加载更多的item,这样可以实现上拉加载更多的效果。 以下是一个简单的示例代码: ``` @Composable fun RefreshableList(data: List<String>) { SwipeRefreshLayout(refreshing = state.refreshing) { LazyColumnFor(data) { item -> Text(item) } } } ``` 在这段代码中,`SwipeRefreshLayout`包含了一个`LazyColumnFor`,而`LazyColumnFor`则根据传入的`data`生成了若干个`Text`控件,当用户下拉时会触发刷新事件,并且根据屏幕的空间自动加载更多。 ### 回答2: compose 是一种用于构建用户界面的声明式工具集,可以通过函数式编程方式来创建可组合的UI组件。要实现下拉刷新上拉加载更多功能,可以借助 compose 提供的布局组件和手势监听等功能。 首先,可以使用 compose 的 LazyColumn 组件来展示列表数据,并且添加一个监听手势的方法,以实现下拉刷新上拉加载更多的功能。 下拉刷新实现可以通过监听手势的位置变化,当手指位置向下滑动一定距离之后,可以通过修改列表数据源来触发刷新操作。 上拉加载更多实现可以通过监听手势的位置变化,当手指位置向上滑动一定距离之后,可以通过加载更多数据并添加到列表数据源的方式来触发加载更多操作。 在代码中,可以使用 onGragGesture 方法监听手势的位置变化,通过判断手势状态来执行相应的刷新和加载逻辑。 具体的实现流程如下: 1. 创建一个列表数据源列表,用于展示列表数据。 2. 使用 LazyColumn 组件来展示列表数据,并添加 onGragGesture 方法监听手势。 3. 在 onGragGesture 方法中,根据手指位置的变化和手势状态的变化来执行对应的刷新和加载逻辑。 4. 当手势状态变为 Dragging,并且手指位置向下滑动一定距离时,触发下拉刷新操作。可以通过修改列表数据源并更新列表进行刷新操作。 5. 当手势状态变为 Dragging,并且手指位置向上滑动一定距离时,触发上拉加载更多操作。可以通过加载更多数据并添加到列表数据源的方式来实现加载更多功能。 通过上述步骤,可以使用 compose 来实现下拉刷新上拉加载更多功能。使用 compose 提供的布局组件和手势监听等功能,可以轻松实现用户界面的交互。 ### 回答3: 使用compose实现下拉刷新上拉加载更多的过程如下: 1. 首先,在页面组件中定义一个状态变量,用于表示当前的刷新和加载更多的状态。 2. 使用useCallback或者useState来定义一个函数,用于处理下拉刷新的逻辑。 3. 在页面组件中,使用useEffect来监听下拉刷新的事件,一旦触发下拉刷新事件,就调用上一步定义的处理函数。 4. 在页面组件中,使用useEffect监听滚动事件。一旦滚动到页面底部,就触发加载更多的逻辑。 5. 使用条件渲染来根据不同的状态显示不同的内容,例如加载中、加载失败等。 6. 使用ScrollView组件或者FlatList组件来渲染长列表,并包裹上拉加载更多的内容。 7. 在加载更多的逻辑处理函数中,更新列表数据,将新的数据追加到原有的数据列表中,以实现加载更多的效果。 8. 在下拉刷新的逻辑处理函数中,重置列表数据,重新加载最新的数据,以实现下拉刷新的效果。 以上就是使用compose实现下拉刷新上拉加载更多的基本步骤。具体的实现代码可以根据具体的场景和需求来灵活调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值