LiveData+Retrofit 网络请求实战

最新推荐文章于 2024-05-31 20:24:29 发布

2401_84411249

最新推荐文章于 2024-05-31 20:24:29 发布

阅读量867

点赞数 23

分类专栏：程序员文章标签： retrofit android

本文链接：https://blog.csdn.net/2401_84411249/article/details/138929267

版权

程序员专栏收录该内容

316 篇文章 0 订阅

订阅专栏

private val refreshTrigger = MutableLiveData()

private val api = WanApi.get()

private val bannerLis:LiveData<ApiResponse<List>> = Transformations.switchMap(refreshTrigger) {

//当refreshTrigger的值被设置时，bannerList

api.bannerList()

}

2: 为了展示banner，我们通过map将ApiResponse转换成最终关心的数据是List

val banners: LiveData = Transformations.map(bannerList) {

it.data ?: ArrayList()

}</list

LiveData与ViewModel结合

为了将LiveData与Activity解耦，我们通过ViewModel来管理这些LiveData。

class HomeVM : ViewModel() {

private val refreshTrigger = MutableLiveData()

private val api = WanApi.get()

private val bannerList: LiveData<ApiResponse<List>> = Transformations.switchMap(refreshTrigger) {

//当refreshTrigger的值被设置时，bannerList

api.bannerList()

}

val banners: LiveData<List> = Transformations.map(bannerList) {

it.data ?: ArrayList()

}

fun loadData() {

refreshTrigger.value = true

}

在activity_main.xml中加入banner布局，这里使用BGABanner-Android来显示图片

<?xml version="1.0" encoding="utf-8"?>

<layout 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”>

<variable

name=“vm”

type=“io.github.iamyours.wandroid.ui.home.HomeVM”/>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”>

<cn.bingoogolapple.bgabanner.BGABanner

android:id=“@+id/banner”

android:layout_width=“match_parent”

android:layout_height=“120dp”

android:paddingLeft=“16dp”

android:paddingRight=“16dp”

app:banner_indicatorGravity=“bottom|right”

app:banner_isNumberIndicator=“true”

app:banner_pointContainerBackground=“#0000”

app:banner_transitionEffect=“zoom”/>

<TextView

android:layout_width=“match_parent”

android:layout_height=“44dp”

android:background=“#ccc”

android:gravity=“center”

android:onClick=“@{()->vm.loadData()}”

android:text=“加载Banner”/>

然后在MainActivity完成Banner初始化,通过监听ViewModel中的banners实现轮播图片的展示。

class MainActivity : AppCompatActivity() {

lateinit var binding: ActivityMainBinding

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

binding = DataBindingUtil.setContentView(this, R.layout.activity_main)

val vm = ViewModelProviders.of(this).get(HomeVM::class.java)

binding.lifecycleOwner = this

binding.vm = vm

initBanner()

}

private fun initBanner() {

binding.run {

val bannerAdapter = BGABanner.Adapter<ImageView, BannerVO> { _, image, model, _ ->

image.displayWithUrl(model?.imagePath)

}

banner.setAdapter(bannerAdapter)

vm?.banners?.observe(this@MainActivity, Observer {

banner.setData(it, null)

})

}

最终效果如下：

[外链图片转存失败(img-jYdgEFqB-1568877294856)(https://upload-images.jianshu.io/upload_images/15679108-abbe27a111d6db78.gif?imageMogr2/auto-orient/strip)]

banner

加载进度显示

SwipeRefreshLayout

请求网络过程中，必不可少的是加载进度的展示。这里我们列举两种常用的的加载方式，一种在布局中的进度条(如SwipeRefreshLayout)，另一种是加载对话框。

为了控制加载进度条显示隐藏，我们在HomeVM中添加loading变量，在调用loadData时通过loading.value=true控制进度条的显示，在map中的转换函数中控制进度的隐藏

val loading = MutableLiveData()

val banners: LiveData<List> = Transformations.map(bannerList) {

loading.value = false

it.data ?: ArrayList()

}

fun loadData() {

refreshTrigger.value = true

loading.value = true

}

我们在activity_main.xml的外层嵌套一个SwipeRefreshLayout，通过databinding设置加载状态，添加刷新事件

<androidx.swiperefreshlayout.widget.SwipeRefreshLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

app:onRefreshListener=“@{() -> vm.loadData()}”

app:refreshing=“@{vm.loading}”>

…

</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

然后我们再看下效果：

[外链图片转存失败(img-b8PJZvg6-1568877294857)(https://upload-images.jianshu.io/upload_images/15679108-c2745d7182c66f29?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 “SwipeRefreshLayout进度控制”)]

SwipeRefreshLayout进度控制

加载对话框KProgressHUD

为了能和ViewModel解藕，我们将加载对话框封装到一个Observer中。

class LoadingObserver(context: Context) : Observer {

private val dialog = KProgressHUD(context)

.setStyle(KProgressHUD.Style.SPIN_INDETERMINATE)

.setCancellable(false)

.setAnimationSpeed(2)

.setDimAmount(0.5f)

override fun onChanged(show: Boolean?) {

if (show == null) return

if (show) {

dialog.show()

} else {

dialog.dismiss()

}

然后在MainActivity添加这个Observer

vm.loading.observe(this, LoadingObserver(this))

效果：

[外链图片转存失败(img-2JCQNDTS-1568877294858)(https://upload-images.jianshu.io/upload_images/15679108-66b1b55491ca6473?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 “加载对话框显示”)]

加载对话框显示

我们还可以将LoadingObserver注册到BaseActivity

class BaseActivity : AppCompatActivity() {

val loadingState = MutableLiveData()

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

loadingState.observe(this, LoadingObserver(this))

}

然后在HomeVM中添加一个attachLoading方法

class HomeVM:ViewModel{

fun attachLoading(otherLoadingState: MutableLiveData) {

loading.observeForever {

otherLoadingState.value = it

}

最终如果想要显示进度对话框，在BaseActivity到子类中，只需调用vm.attachLoading(loadingState)即可。

分页请求

分页请求是另个一常用请求，它的请求状态就比刷新数据多了几种。以wanandroid首页文章列表api为例，我们在HomeVM中加入page,refreshing,moreLoading，hasMore变量控制分页请求

private val page = MutableLiveData() //分页数据

val refreshing = MutableLiveData()//下拉刷新状态

val moreLoading = MutableLiveData()//上拉加载更多状态

val hasMore = MutableLiveData()//是否还有更多数据

private val articleList = Transformations.switchMap(page) {

api.articleList(it)

}

val articlePage = Transformations.map(articleList) {

refreshing.value = false

moreLoading.value = false

hasMore.value = !(it?.data?.over ?: false)

it.data

}

fun loadMore() {

page.value = (page.value ?: 0) + 1

moreLoading.value = true

}

fun refresh() {

loadBanner()

page.value = 0

refreshing.value = true

}

用SmartRefreshLayout作为分页组件，来实现WanAndroid首页文章列表数据的展示。

绑定SmartRefreshLayout属性和事件

通过@BindingAdapter注解，将绑定SmartRefreshLayout属性和事件封装一样，便于我们在布局文件通过databinding控制它。

新建一个CommonBinding.kt文件，注意在gradle中引入kotlin-kapt

@BindingAdapter(value = [“refreshing”, “moreLoading”, “hasMore”], requireAll = false)

fun bindSmartRefreshLayout(

smartLayout: SmartRefreshLayout,

refreshing: Boolean,

moreLoading: Boolean,

hasMore: Boolean

) {

if (!refreshing) smartLayout.finishRefresh()

if (!moreLoading) smartLayout.finishLoadMore()

smartLayout.setEnableLoadMore(hasMore)

}

@BindingAdapter(value = [“onRefreshListener”, “onLoadMoreListener”], requireAll = false)

fun bindListener(

smartLayout: SmartRefreshLayout,

refreshListener: OnRefreshListener?,

loadMoreListener: OnLoadMoreListener?

) {

smartLayout.setOnRefreshListener(refreshListener)

smartLayout.setOnLoadMoreListener(loadMoreListener)

}

然后在布局中使用

<layout 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”>

<variable

name=“vm”

type=“io.github.iamyours.wandroid.ui.home.HomeVM”/>

<com.scwang.smartrefresh.layout.SmartRefreshLayout

android:id=“@+id/refreshLayout”

android:layout_width=“match_parent”

app:onRefreshListener=“@{()->vm.refresh()}”

app:refreshing=“@{vm.refreshing}”

app:moreLoading=“@{vm.moreLoading}”

app:hasMore=“@{vm.hasMore}”

app:onLoadMoreListener=“@{()->vm.loadMore()}”

android:layout_height=“match_parent”>

<androidx.core.widget.NestedScrollView

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<LinearLayout

android:layout_width=“match_parent”

android:orientation=“vertical”

android:layout_height=“wrap_content”>

<cn.bingoogolapple.bgabanner.BGABanner

android:id=“@+id/banner”

android:layout_width=“match_parent”

android:layout_height=“140dp”

app:banner_indicatorGravity=“bottom|right”

app:banner_isNumberIndicator=“true”

app:banner_pointContainerBackground=“#0000”

app:banner_transitionEffect=“zoom”/>

<androidx.recyclerview.widget.RecyclerView

android:id=“@+id/recyclerView”

android:layout_width=“match_parent”

android:layout_marginTop=“5dp”

tools:listitem=“@layout/item_article”

android:layout_height=“wrap_content”/>

</androidx.core.widget.NestedScrollView>

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

分页实现

然后在MainActivity中完成RecyclerView的逻辑

class MainActivity : AppCompatActivity() {

lateinit var binding: ActivityMainBinding

private val adapter = ArticleAdapter()

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

binding = DataBindingUtil.setContentView(this, R.layout.activity_main)

val vm = ViewModelProviders.of(this).get(HomeVM::class.java)

binding.lifecycleOwner = this

binding.vm = vm

binding.executePendingBindings()

initBanner()

initRecyclerView()

binding.refreshLayout.autoRefresh()

}

private fun initRecyclerView() {

binding.recyclerView.let {

it.adapter = adapter

it.layoutManager = LinearLayoutManager(this)

}

binding.vm?.articlePage?.observe(this, Observer {

it?.run {

if (curPage == 1) {

adapter.clearAddAll(datas)

} else {

adapter.addAll(datas)

}

})

}

private fun initBanner() {

…

}

最终效果：

wanandroid首页数据
项目地址

最后

代码真的是重质不重量，质量高的代码，是当前代码界提倡的，当然写出高质量的代码肯定需要一个相当高的专业素养，这需要在日常的代码书写中逐渐去吸收掌握，谁不是每天都在学习呀，目的还不是为了一个，为实现某个功能写出高质量的代码。

所以，长征路还长，大家还是好好地做个务实的程序员吧。

最后，小编这里有一系列Android提升学习资料，有兴趣的小伙伴们可以来看下哦~
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

2401_84411249

关注

23
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
LiveData+Retrofit 网络请求实战

代码真的是重质不重量，质量高的代码，是当前代码界提倡的，当然写出高质量的代码肯定需要一个相当高的专业素养，这需要在日常的代码书写中逐渐去吸收掌握，谁不是每天都在学习呀，目的还不是为了一个，为实现某个功能写出高质量的代码。所以，长征路还长，大家还是好好地做个务实的程序员吧。最后，小编这里有一系列Android提升学习资料，有兴趣的小伙伴们可以来看下哦~《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！
复制链接

扫一扫