Compose

编程入门 行业动态 更新时间:2024-10-17 19:31:27

<a href=https://www.elefans.com/category/jswz/34/1734249.html style=Compose"/>

Compose

一、添加依赖

查看官方最新版本

val paging_version = "3.2.1"
implementation("androidx.paging:paging-runtime:$paging_version")
implementation("androidx.paging:paging-compose:$paging_version")

二、定义数据源 PagingSource

是对其它数据源的封装,因此和 Repository 定义在同一个 .kt 文件中并私有化。自定义一个类继承 PagingSource 并重写 load() 来提供获取页面数据。

class DemoRepository {fun getData() = Pager(PagingConfig(10)) {PagingResource()}.flow
}private class PagingResource : PagingSource<Int, HotNewestArticleBean.HotNewestArticle.Article>() {private val startPage = 0override suspend fun load(params: LoadParams<Int>): LoadResult<Int, HotNewestArticleBean.HotNewestArticle.Article> {return try {val currentPage = params.key ?: startPageval data = getData(currentPage)val prevKey = if (currentPage > startPage) currentPage - 1 else nullval nextKey = if (data.isNotEmpty()) currentPage + 1 else nullLoadResult.Page(data, prevKey, nextKey)} catch (e: Exception) {LoadResult.Error(e)}}override fun getRefreshKey(state: PagingState<Int, HotNewestArticleBean.HotNewestArticle.Article>): Int? {return null}//具体获取数据的方法。这里能更细分的对异常处理,否则在load()中合并返回后在UI中难区分。//但处理后还是要抛出异常,不然load()不会返回异常,影响UI中对Paging状态判断private suspend fun getData(currentPage: Int): List<HotNewestArticleBean.HotNewestArticle.Article> {var data: List<HotNewestArticleBean.HotNewestArticle.Article> = emptyList()runCatching {withContext(Dispatchers.IO) {RetrofitClient.apiService.newestArticle(currentPage.toString())}}.onSuccess { response ->response.getData().onSuccess {data = it.datas}.onFailure {Log.e("服务器错误", it.message.toString())throw Exception("服务器错误:${it.message}")}}.onFailure {Log.e("本地错误", it.message.toString())throw Exception("本地错误:${it.message}")}return data}
}

三、ViewModel 中调用

class DemoViewModel : ViewModel() {private val repository = DemoRepository()var pagingDataFlow = repository.getData().cachedIn(viewModelScope)    //缓存在ViewModel中
}

四、UI

@Composable
fun DemoScreen(viewModel: DemoViewModel = viewModel()
) {//将Paging的数据从Flow转为可供LazyColumn使用的val lazyPagingItems = viewModel.pagingDataFlow.collectAsLazyPagingItems()//监听Paging状态when (lazyPagingItems.loadState.refresh) {//正在加载is LoadState.Loading -> {}//加载错误(这里的错误是PagingSource里捕获的)is LoadState.Error -> {}//当没有加载动作并且没有错误的时候is LoadState.NotLoading -> {}}LazyColumn(modifier = Modifier.fillMaxSize(),state = lazyListState){items(count = lazyPagingItems.itemCount,key = lazyPagingItems.itemKey { it.id }) { index ->val bean = lazyPagingItems[index]if (bean != null) {val author = bean.authorval shareUser = bean.shareUserval superChapterName = bean.superChapterNameItem(title = bean.title,author = if (author.isEmpty()) String.format("%s · %s", superChapterName, shareUser) else String.format("%s · %s", superChapterName, author),time = bean.niceDate,)} else {Text("")}}}
}

更多推荐

Compose

本文发布于:2023-11-16 01:23:50,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1611089.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:Compose

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!