Android Compose 新闻AppViewModelHlit数据流

Posted 初学者-Study

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android Compose 新闻AppViewModelHlit数据流相关的知识,希望对你有一定的参考价值。

Compose 新闻App(二)ViewModel、Hlit、数据流

前言

  在上一篇文章中我们构建了网络框架了,现在可以在页面中通过liveData的Observe回调中看到网络数据的返回。

正文

  Compose组件和Jetpack中其他的组件可以很有效的结合起来,会使我们的程序解耦的更彻底。下面来使用它们吧

一、添加依赖

添加依赖有两个部分,一个是Hilt的,一个是ViewModel。

① 添加Hilt依赖

  首先是在项目的build.gradle中,先定义Hilt的版本。

hilt_version = '2.38.1'

然后添加插件依赖:

	dependencies 
        classpath "com.google.dagger:hilt-android-gradle-plugin:$hilt_version"
    

添加位置如下图所示:

下面是在app的build.gradle中的配置:在顶部plugins闭包中添加:

	id 'kotlin-kapt'
    id 'dagger.hilt.android.plugin'


这里增加hilt插件。然后在dependencies闭包中添加如下依赖:

	implementation "com.google.dagger:hilt-android:$hilt_version"
    kapt "com.google.dagger:hilt-android-compiler:$hilt_version"

如下图所示:

至此我们Hilt依赖添加完毕。

②添加ViewModel依赖

下面我们添加ViewModel的依赖,其实主要就是对于在Compose使用ViewModel的增强,依赖如下:

    implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0'
    implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:2.4.1"
    implementation "androidx.lifecycle:lifecycle-livedata-ktx:2.4.1"
    implementation "androidx.lifecycle:lifecycle-viewmodel-compose:2.4.1"
    implementation "androidx.compose.runtime:runtime-livedata:$compose_version"

添加位置如下:

最后Sync Now,同步一下,然后你最好运行一下,先保证你添加的依赖没有问题,你再继续后面的开发比较好。

二、Hilt使用

  使用Hilt第一步就是添加@HiltAndroidApp注解,

这里的App类在上一篇文章中就已经写好了。然后我们定义EpidemicNewsRepository的作用域为@ViewModelScoped,并且注入。

定义了EpidemicNewsRepository在ViewModel中使用,下面在com.llw.goodnews包下新建viewmodel包,包下新建一个MainViewModel类,代码如下:

@HiltViewModel
class MainViewModel @Inject constructor(
    repository: EpidemicNewsRepository
) : ViewModel() 
    val result = repository.getEpidemicNews()

这里我们直接通过注入的方式在构造函数中传入EpidemicNewsRepository,然后通过repository去调用getEpidemicNews()函数,至此我们的ViewModel就写好了。

三、ViewModel使用

下面我们回到页面MainActivity中,创建一个initData函数

@Composable
fun initData(viewModel: MainViewModel = viewModel()) 


你会觉得很奇怪,这里说明一下,这里就是Compose和ViewModel的组合了,为什么这么说呢?

  因为我如果不加@Composable注解,它就不是一个可组合函数,就不能这么使用。只要是可组合函数都可以调用viewModel() 函数去获取ViewModel,而我们这里的就是MainViewModel,viewModel() 会返回一个现有的 ViewModel,或在给定作用域内创建一个新的 ViewModel。只要该作用域处于有效状态,就会保留 ViewModel。例如,如果在某个 Activity 中使用了可组合项,则在该 Activity 完成或进程终止之前,viewModel() 会返回同一实例。这里的作用域很重要,因为普通函数如果没有作用域的话是无法调用可组合函数。

四、数据流

Compose 随附了一些扩展程序,它们适用于最热门的基于流的 Android 解决方案。其中每个扩展程序都由不同的工件提供:

LiveData.observeAsState() 包含在 androidx.compose.runtime:runtime-livedata:$composeVersion 工件中。
组件注册为监听器,并将值表示为 State。每当发出一个新值时,Compose 都会重组界面中使用该 state.value 的部分。

val dataState = viewModel.result.observeAsState()

通过这个代码会执行网络请求,观察返数据状态,得到一个dataState,

	dataState.value?.let 
        val orNull = it.getOrNull()
        if (orNull != null) 
            Greeting(name = orNull.msg)
        
    

每当 dataState 有改变时,都会执行.let函数体中的代码。


我们在页面中显示返回值,然后我们在setContent中调用initData(),这个网络数据返回再预览中是看不出来的,我们通过虚拟机去显示这个返回值。

下一篇文章中,我们将使用Compose显示UI数据。

五、源码

GitHub:GoodNews
CSDN:GoodNews_2.rar

以上是关于Android Compose 新闻AppViewModelHlit数据流的主要内容,如果未能解决你的问题,请参考以下文章

Android Compose 新闻App网络框架搭建

Android Compose 新闻AppRoom复杂数据AlertDialog弹窗页面导航

Android Compose 新闻App网络数据Compose UI显示加载Room和DataStore使用

Android Compose 新闻App网络数据Compose UI显示加载Room和DataStore使用

Android Compose 新闻App抽屉布局动态权限拍照返回

Android Compose 新闻App抽屉布局动态权限拍照返回