如何在compose中正确的collect数据

https://www.youtube.com/watch?v=0G_1XCRlpYM

还是pl的学习视频

首先是冷流转换成热流 stateflow

    var countTimer = flow {
        delay(1000)
        countTime++
        emit(countTime)
    }
        .stateIn(
            viewModelScope,
            SharingStarted.Lazily, //订阅之后开始发送,然后never stop
            0
        )

SharingStarted.Lazily 和SharingStarted.Eagerly的区别是,一个是订阅之后才开始发送,一个是立即开始发送,但是两个都不会停止

另外一个SharingStarted.WhileSubscribed 有两个参数,一个是 停止 的时间,另外一个是值缓存的时间,默认是永久

将冷流转换成热流stateflow的场景,基本上是我们需要费好大力气才获取的值,然后也可能有多个订阅者,我们想把值缓存起来,不用多次去请求,发送,这时候,就进行stateIn转换。

那我们收集的时候该怎么收集呢?

val collectAsState = viewModel.countTimer.collectAsState()
val collectAsStateWithLifecycle =
    viewModel.countTimer.collectAsStateWithLifecycle()

两者的区别,是否感知生命周期,如果希望在界面不可见的时候停止订阅,比如跳转,比如进入后台则使用collectAsStateWithLifecycle,collectAsState则不会停止。

当然collectAsStateWithLifecycle需要引入

androidx-lifecycle-runtime-compose

### 实现Jetpack Compose中的MVI架构 #### 设计思路 在Jetpack Compose中实现MVI(Model-View-Intent)架构意味着要创建一种单向数据流的应用程序结构,在这种结构下,视图只负责展示状态并发送意图给处理逻辑的部分。通过这种方式,应用程序的状态变化变得可预测且易于测试。 #### 创建必要的组件 ##### 定义Intents 定义一系列密封类来表示可能发生的用户交互动作或事件: ```kotlin sealed class MyIntent { object LoadData : MyIntent() data class ItemClicked(val id: Int) : MyIntent() } ``` ##### 处理Action和State管理 构建ViewModel用于接收来自UI层的intents,并返回新的States供UI订阅显示。这里采用`MutableSharedFlow`作为intent通道,使用`stateIn`操作符简化状态收集过程[^1]。 ```kotlin class MainViewModel(private val repository: RepositoryInterface) : ViewModel() { private val _uiState = MutableStateFlow<UiState>(UiState.Loading) val uiState: StateFlow<UiState> get() = _uiState.asStateFlow() private val intentChannel = Channel<MyIntent>() init { handleIntents() } fun sendIntent(intent: MyIntent){ viewModelScope.launch{ intentChannel.send(intent) } } private fun handleIntents(){ viewModelScope.launch { intentChannel.consumeAsFlow().collect { intent -> when (intent) { is MyIntent.LoadData -> loadData() is MyIntent.ItemClicked -> itemClick(intent.id) } } } } // ...其他业务逻辑方法... } ``` ##### UI层响应 最后一步是在Composable函数内观察ViewModel提供的LiveData对象的变化,并据此更新界面内容。每当有新状态到来时,都会触发重新组合以反映最新的UI表现形式[^2]。 ```kotlin @Composable fun MyApp(viewModel: MainViewModel = hiltViewModel()) { val state by viewModel.uiState.collectAsStateWithLifecycle() Scaffold( topBar = {...}, content = { paddingValues -> Box(modifier = Modifier.padding(paddingValues)) { when(state){ UiState.Loading -> CircularProgressIndicator() is UiState.Success -> DataList(data=state.data, onClick={viewModel.sendIntent(MyIntent.ItemClicked(it))}) is UiState.Error -> Text(text="Error occurred!") } } }, bottomBar = {...} ) } ``` #### 结合Jetpack Compose特性优化体验 为了使用户体验更加流畅自然,可以充分利用Jetpack Compose的优势,比如动画效果、手势识别等功能增强互动性和视觉反馈[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值