Android JetPack系列之——Paging

在android开发过程中,分页是最常见的功能,基于手机屏幕较小而页面数据较多的情况下分页显得尤为重要,在之前我们使用的是ListView来自己实现分页的功能,后来官方出了RecyclerView渐渐的取代了ListView来实现分页的功能,虽然RecyclerView足够强大,但是始终没有一个很好的分页框架,更多的时候是八仙过海各显神通,借助RecyclerView自己封装一个分页框架,比较有名的就是XRecyclerView。但是在2018年的IO大会上,官方正式推出了Paging来实现分页的功能,下面我们就一起来看看吧。

一、Paging是什么?

Paging库可以帮助您一次加载和显示多个小的数据块,按需载入部分数据可以减少网络宽带和系统资源的使用量。

二、Paging库的重要组成组件

1.DataSource:用于生成应用数据块
DataSource<Key, Value>是Paging使用过程中数据源的源头,当然从字面意思也可以推测出,其中key代表的是加载数据的条件信息,Value对应加载数据的实体类。DataSource<Key, Value>是一个抽象类,但是我们不能直接继承它,需要继承系统为我们提供的继承它的子类,具体来讲有下面三个子类供我们选择。

  • PageKeyedDataSource<Key, Value>:适用于根据页数来加载数据的场景,即key是我们的页数,Value是我们页数对应的数据。
  • ItemKeyedDataSource<Key, Value>:适用于特定依赖的item的信息,即目标条目的关键信息。比如需要根据第N项的信息加载第N+1项的数据,传参中需要传入第N项的ID时,该场景多出现于论坛类应用评论信息的请求。
  • PositionalDataSource<T>:适用于目标数据总数固定,通过特定的位置加载数据,这里的key是Integer类型的位置信息,T即Value。

2.PagedList:用于加载应用数据块
在页面中随着所需数据的增多,系统会将其分页到现有的PagedList对象中。如果任何已加载的数据发生更改,会从基于LiveDataRxJava2的对象向可观察数据存储器发出一个新的PagedList实例。随着PagedList对象的生成,应用界面会呈现其内容,同时还会考虑界面控件的生命周期。

class ConcertViewModel(concertDao: ConcertDao) : ViewModel() {
    val concertList: LiveData<PagedList<Concert>> =
            concertDao.concertsByDate().toLiveData(pageSize = 50)
}

PageList是一个List的子类,支持所有List的操作,除此之外它主要有五个成员:
(1) mMainThreadExecutor:一个主线程的Excutor, 用于将结果post到主线程。
(2) mBackgroundThreadExecutor:后台线程的Excutor。
(3) BoundaryCallback:响应Datasource中的数据加载到边界时的回调。
(4) Config: 配置PagedList从Datasource加载数据的方式, 其中包含以下属性:

  • pageSize:设置每页加载的数量
  • prefetchDistance:预加载的数量,默认为pagesize
  • initialLoadSizeHint:初始化数据时加载的数量,默认为pageSize*3
  • enablePlaceholders:当item为null是否使用PlaceHolder展示

(5) PagedStorage<T>: 用于存储加载到的数据,它是真正的蓄水池所在,它包含一个ArrayList<List> 对象mPages,按页存储数据。

PagedList会从DataSource中加载数据,更准确的说是通过Datasource加载数据, 通过Config的配置,可以设置一次加载的数量以及预加载的数量。 除此之外,PagedList还可以向RecyclerView.Adapter发送更新的信号,驱动UI的刷新。

3.PagedListAdapter:RecyclerView.Adapter的实现
PagedListAdapte是RecyclerView.Adapter的实现,用于展示PagedList的数据。它本身实现的更多是Adapter的功能,但是它有一个小伙伴PagedListAdapterHelper<T>, PagedListAdapterHelper会负责监听PagedList的更新, Item数量的统计等功能。这样当PagedList中新一页的数据加载完成时, PagedAdapte就会发出加载完成的信号,通知RecyclerView刷新,这样就省略了每次loading后手动调一次notifyDataChanged()。

除此之外,当数据源变动产生新的PagedList,PagedAdapter会在后台线程中比较前后两个PagedList的差异,然后调用notifyItem…()方法更新RecyclerView.这一过程依赖它的另一个小伙伴ListAdapterConfig, ListAdapterConfig负责主线程和后台线程的调度以及DiffCallback的管理,DiffCallback的接口实现中定义比较的规则,比较的工作则是由PagedStorageDiffHelper来完成。

三、Paging库的使用

1.添加依赖

implementation "androidx.paging:paging-runtime-ktx:3.0.1"
testImplementation "androidx.paging:paging-common-ktx:3.0.1"
implementation "androidx.paging:paging-rxjava2-ktx:3.0.1"

2.创建实体类

class Concert {
     var name: String? = null
     var userId = 0
}

3.创建数据集
方式一:PagedKeyUserDataSource 的加载方式

/**
 * @author: zhoufan
 * @date:   2021/9/7 11:19
 * PagedKeyUserDataSource 的加载方式
 */
class ConcertPageKeyedDataSource : PageKeyedDataSource<Int, Concert>() {


    var FIRST_PAGE = 1
    val PAGE_SIZE = 20

    /**
     * 加载分页数据
     */
    override fun loadAfter(params: LoadParams<Int>, callback: LoadCallback<Int, Concert>) {
        val concertList = mutableListOf<Concert>()
        val startPosition = FIRST_PAGE * PAGE_SIZE
        for (i in startPosition..(startPosition + 19)) {
            val concert = Concert()
            concert.name = "jack$i"
            concertList.add(concert)
        }
        callback.onResult(concertList, FIRST_PAGE++)
    }

    /**
     * 加载前执行方法
     * 只会执行一次
     */
    override fun loadBefore(params: LoadParams<Int>, callback: LoadCallback<Int, Concert>) {

    }

    /**
     * 加载第一页数据
     */
    override fun loadInitial(
        params: LoadInitialParams<Int>,
        callback: LoadInitialCallback<Int, Concert>
    ) {
        val concertList = mutableListOf<Concert>()
        for (i in 0..19) {
            val concert = Concert()
            concert.name = "jack$i"
            concertList.add(concert)
        }
        callback.onResult(concertList, null, FIRST_PAGE)
    }
}

方式二:ItemKeyedDataSource 的加载方式

/**
 * @author: zhoufan
 * @date:   2021/9/7 11:35
 * ItemKeyedDataSource 的加载方式
 */
class ConcertItemKeyedDataSource : ItemKeyedDataSource<Int, Concert>() {

    var FIRST_PAGE = 1
    val PAGE_SIZE = 20

    /**
     * 获取下一页的起始位置
     */
    override fun getKey(item: Concert): Int {
        return item.userId
    }

    /**
     * 加载分页数据
     */
    override fun loadAfter(params: LoadParams<Int>, callback: LoadCallback<Concert>) {
        Log.i("aaaaaaaaaaaa", "正在请求第${FIRST_PAGE}数据")
        val concertList = mutableListOf<Concert>()
        val startPosition = FIRST_PAGE++ * PAGE_SIZE
        for (i in startPosition..(startPosition + 19)) {
            val concert = Concert()
            concert.name = "jack$i"
            concert.userId = i
            concertList.add(concert)
        }
        callback.onResult(concertList)
    }

    /**
     * 加载前执行方法
     * 只会执行一次
     */
    override fun loadBefore(params: LoadParams<Int>, callback: LoadCallback<Concert>) {
        Log.i("aaaaaaaaaaaa", "请求第${FIRST_PAGE}数据")
    }

    /**
     * 加载第一页数据
     */
    override fun loadInitial(
        params: LoadInitialParams<Int>,
        callback: LoadInitialCallback<Concert>
    ) {
        val concertList = mutableListOf<Concert>()
        for (i in 0..19) {
            val concert = Concert()
            concert.name = "jack$i"
            concert.userId = i
            concertList.add(concert)
        }
        callback.onResult(concertList)
    }
}

方式三:PositionalUserDataSource的加载方式

/**
 * @author: zhoufan
 * @date:   2021/9/6 13:59
 * PositionalUserDataSource的加载方式
 */
class ConcertPositionalDataSource : PositionalDataSource<Concert>() {

    /**
     * 加载第一页数据
     */
    override fun loadInitial(params: LoadInitialParams, callback: LoadInitialCallback<Concert>) {
        val concertList = mutableListOf<Concert>()
        for (i in 0..19) {
            val concert = Concert()
            concert.name = "jack$i"
            concertList.add(concert)
        }
        callback.onResult(concertList, 0, 2000)
    }

    /**
     * 加载分页数据
     */
    override fun loadRange(params: LoadRangeParams, callback: LoadRangeCallback<Concert>) {
        val concertList = mutableListOf<Concert>()
        for (i in params.startPosition..(params.startPosition + params.loadSize)) {
            val concert = Concert()
            concert.name = "jack$i"
            concertList.add(concert)
        }
        callback.onResult(concertList)
    }
}

4.生成数据

/**
 * @author: zhoufan
 * @date:   2021/9/6 14:08
 */
class ConcertFactory : DataSource.Factory<Int, Concert>() {

    private var sourceLiveData: MutableLiveData<ConcertItemKeyedDataSource> = MutableLiveData()

    override fun create(): DataSource<Int, Concert> {
        val concertDataSource =
            ConcertItemKeyedDataSource()
        sourceLiveData.postValue(concertDataSource)
        return concertDataSource
    }
}

5.使用ViewModel来处理数据

class ConcertViewModel : ViewModel() {

    var convertList: LiveData<PagedList<Concert>>? = null
    private var concertDataSource: DataSource<Int, Concert>? = null

    init {
        val concertFactory = ConcertFactory()
        concertDataSource = concertFactory.create()
        val config = PagedList.Config.Builder()
            .setEnablePlaceholders(true).setPageSize(20).setPrefetchDistance(3).build()
        convertList = LivePagedListBuilder(concertFactory, config).build()
    }

    fun invalidateDataSource() {
        concertDataSource!!.invalidate()
    }
}

6.使用Adapter来显示数据

/**
 * @author: zhoufan
 * @date:   2021/9/6 14:17
 */
open class RecyclerViewAdapter:
    PagedListAdapter<Concert, RecyclerViewAdapter.RecyclerViewHolder>(
        DIFF_CALLBACK
    ) {

    inner class RecyclerViewHolder(view: View) : RecyclerView.ViewHolder(view) {
        val tv: TextView = view.findViewById(R.id.tv_content)
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerViewHolder {
        val view =
            LayoutInflater.from(parent.context).inflate(R.layout.adapter_paging, parent, false)
        return RecyclerViewHolder(view)
    }

    override fun onBindViewHolder(holder: RecyclerViewHolder, position: Int) {
        val concert = getItem(position)
        if (concert != null) {
            holder.tv.text = concert.name
        }
    }

    companion object {
        private val DIFF_CALLBACK: DiffUtil.ItemCallback<Concert> =
            object : DiffUtil.ItemCallback<Concert>() {
                override fun areItemsTheSame(
                    oldConcert: Concert,
                    newConcert: Concert
                ): Boolean {
                    return oldConcert.name == newConcert.name
                }

                override fun areContentsTheSame(
                    oldConcert: Concert,
                    newConcert: Concert
                ): Boolean {
                    return oldConcert.equals(newConcert)
                }
            }
    }
}

7.在Activity里面实现功能

class PagingActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_paging)

        val adapter = RecyclerViewAdapter()
        val viewModel: ConcertViewModel = ViewModelProvider(this).get(
            ConcertViewModel::class.java
        )
        concert_list.adapter = adapter
        concert_list.layoutManager = LinearLayoutManager(this)
        viewModel.convertList?.observe(this, Observer {
            adapter.submitList(it)
        })
    }
}

最后呈现的效果如下:


Paging.gif

到这里,关于Paging的基本使用就结束了,当然在实际的开发过程中我们还会碰到各种各样的问题,这就需要我们灵活应变去解决了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容