在App中,使用列表来显示数据是十分常见的。使用列表来展示数据,最好不要一次加载太多的数据,特别是带图片时,页面渲染的时间会变长,常见的做法是进行分页加载。本文介绍一种无感实现自动加载更多的实现方式。
实现自动加载更多
自动加载更多这个功能,其实就是在滑动列表的过程中加载分页数据,这样在加载完所有分页数据之前就可以不停地滑动列表。
计算刷新临界点
手动加载更多一般是当列表滑动到当前最后一个Item
后,再向上拖动RecyclerView
控件来触发。不难看出来,最后一个Item
就是一般加载更多功能的临界点,当达到临界点之后,继续滑动就加载分页数据。对于自动加载更多这个功能来说,如果使用最后一个Item
作为临界点,就无法做到在加载完所有分页数据之前不停地滑动列表。那么自动加载更多这个功能的临界点应该是什么呢?
RecyclerView
在手机屏幕上一次可显示的Item
数量是有限的,相当于对所有Item
进行了分页。当倒数第二页Item
的最后一个Item
显示在屏幕上时,是一个不错的加载下一分页数据的时机。
- 获取
RecyclerView
的可视Item
数量
通过LayoutManager
的findLastVisibleItemPosition()
和findFirstVisibleItemPosition()
方法,可以计算出可视Item
数量。
private fun calculateVisibleItemCount() {
(recyclerView.layoutManager as? LinearLayoutManager)?.let { linearLayoutManager ->
// 可视Item数量
val visibleItemCount = linearLayoutManager.findLastVisibleItemPosition() - linearLayoutManager.findFirstVisibleItemPosition()
}
}
- 计算临界点
通过LayoutManager
的getItemCount()
方法,可以获取Item
的总量。Item
总量减一再减去可视Item
数量就是倒数第二页Item
的最后一个Item
的位置。然后通过LayoutManager
的findViewByPosition()
方法来获取临界点Item
控件,当Item
未显示时,返回值为null
。
private fun calculateCriticalPoint() {
(binding.rvExampleDataContainerVertical.layoutManager as? LinearLayoutManager)?.let { linearLayoutManager ->
// 可视Item数量
val visibleItemCount = linearLayoutManager.findLastVisibleItemPosition() - linearLayoutManager.findFirstVisibleItemPosition()
// 临界点位置
val criticalPointPosition = (linearLayoutManager.itemCount - 1) - visibleItemCount
// 获取临界点Item的控件,未显示时返回null。
val criticalPointItemView = linearLayoutManager.findViewByPosition(criticalPointPosition)
}
}
监听列表滑动
通过RecyclerView
的addOnScrollListener()
方法,可以对RecyclerView
添加滑动监听。在滑动监听中的回调里,可以对RecyclerView
的滑动方向以及是否达到了临界点进行判断,当达到临界点时就可以加载下一页的分页数据。代码如下:
private fun checkLoadMore() {
binding.rvExampleDataContainerVertical.addOnScrollListener(object : RecyclerView.OnScrollListener() {
private var scrollToE