步骤1: 创建一个 ViewModel 类 首先,我们需要创建一个 ViewModel 类来管理 UI 相关的数据。 importandroidx.lifecycle.ViewModelclassMainViewModel:ViewModel(){// ViewModel 的职责是保存 UI 相关的数据} 1. 2. 3. 4. 5. 注释:MainViewModel继承自ViewModel,可以在其中定义需要提供给 UI 的数据。 步骤2: 在 ...
Compose中ViewModel的使用和Jetpack一致,通常我们构建页面的时候,如果一条数据多个布局都需要使用到的话我们只能在方法的形参中层层传递。但是这样明显是不合理的,会降低代码的可读性。 使用ViewModel可以完美的解决这个问题,Compose中使用ViewModel的话需要引入lifecycle-viewmodel-compose库,获取ViewModel的方式需要用到扩展函数...
如上图,当一个视图 (View) 被创建,它有对应的 ViewModel 的引用地址 (注意 ViewModel 并没有 View 的引用地址)。ViewModel 会暴露出若干个 LiveData,视图会通过数据绑定或者手动订阅的方式来观察这些 LiveData。 当设备配置改变时 (比如屏幕发生旋转),之前的 View 被销毁,新的 View 被创建: 这时新的 View 会重...
ViewModel在com.example.composeexample 包中添加 NumbersViewModel 类class NumbersViewModel : ViewModel() { val number1 = MutableStateFlow("1") val number2 = MutableStateFlow("2") val number3 = MutableStateFlow("3") val result = combine(number1, number2, number3) { n1, n2, n3 -> ((n1...
构建可维护的响应式UI:Kotlin Flow在ViewModel中的应用 随着移动开发领域对响应式编程模式的需求日益增长,如何有效地管理应用程序的状态成为了一个关键问题。Jetpack Compose 和 Kotlin Flow 的组合提供了一种优雅的方式来处理UI状态的变化,使得开发者可以更加专注于业务逻辑而非繁琐的状态管理细节。本文将探讨如何利用Kotl...
如果你愿意，你也可以把val viewModel: MusicsViewModel = viewModel()放在Composable的主体中。把它作为...
flowViewModel.stateInFlow.collect { log("stateInFlow data$it") } } } // 输出 stateInFlowdatanull stateInFlowdata1 stateInFlowdata2 stateInFlowdata3 首先我们注意到stateIn需要传入3个参数,意思如下: @paramscope the coroutine scopeinwhich sharin...
ViewModel绑定到一个UI控件，当ViewModel发生变化时，控件跟着变化，而当我们改变控件值时，ViewModel也跟着...
StateFlow是一种具有单一值状态的Flow,主要用于处理单一状态的场景,例如ViewModel中的UI状态。而SharedFlow允许有多个订阅者,并能缓存一定数量的最新元素,适用于多个订阅者需要获取历史元素的场景。 在选择使用StateFlow还是SharedFlow时,需要考虑到是否需要在订阅者之间共享历史元素。如果只关心最新状态,使用StateFlow更为合适...
您还可以在 ViewModel 中使用androidx.lifecycle:lifecycle-livedata-ktx包里的Flow<T>.asLiveData(): LiveData将数据流转换为 LiveData,这样就可以像往常一样使用 LiveData 来实现这件事情。不过为了简单起见,这里推荐使用repeatOnLifecycle从界面层收集数据流。