大佬教程收集整理的这篇文章主要介绍了如何在 Jetpack Compose 中重构每一分钟？ 用法，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我想在我的可组合中显示一个倒计时的计时器，但我不知道如何实现这一点。
我想设置一分钟的延迟/超时并以这种方式触发重组，但我不确定这是否是正确的思考方式。
@Composable
fun Countdown(completedAt: Date) {
val minutesleft = ceil((completedAt.time - Date().time) / 60_000.0).toInt()
Handler(Looper.getMainLooper()).postDelayed({
// Todo: recompose
},60_000)
Text(text = "$minutesleft minutes until completed")
}
我的目标是让文本每分钟更新一次。我该怎么做？
将分钟数存储为状态。
还要确保清理 DisposableEffect 内的 postDelayed 回调，以防止冲突延迟和内存泄漏。
我已将此逻辑移至 minutesLeft 可组合函数，以便可以重复使用。
@Composable
fun minutesLeft(until: Date): Int {
var value by remember { mutableStateOf(getMinutesLeft(until)) }
DisposableEffect(Unit) {
val handler = Handler(Looper.getMainLooper())
val runnable = {
value = getMinutesLeft(until)
}
handler.postDelayed(runnable,60_000)
onDispose {
handler.removeCallbacks(runnable)
}
}
return value
}
private fun getMinutesLeft(until: Date): Int {
return ceil((until.time - Date().time) / 60_000.0).toInt()
}
@Composable
fun Countdown(completedAt: Date) {
val minutes = minutesLeft(until = completedAt)
Text(text = "$minutes minutes until completed")
}
您可以在 CountDownTimer 类中使用 ViewModel。
类似于：
val countTimeViewModel : CountTimeViewModel = viewModel()
val minutes = countTimeViewModel.minutes.observeAsState(60)
Button( onClick={
countTimeViewModel.onStartClicked(60000*60) }
){
Text("Start")
}
Text(""+minutes.value)
与：
class CountTimeViewModel : ViewModel() {
private var timer: CountDownTimer? = null
private val _minutes = MutableLiveData(totalTime)
val minutes: LiveData<Int> get() = _minutes
private var totalTime : Long = 0L
fun startCountDown() {
timer = object : CountDownTimer(totalTime,60000) {
override fun onTick(millisecs: Long) {
// Minutes
val minutes = (millisecs / MSECS_IN_SEC / SECS_IN_MINUTES % SECS_IN_MINUTES).toInt()
_minutes.postValue(minutes)
}
override fun onFinish() {
//...countdown completed
}
}
}
fun onStartClicked(totalTime : Long) {
this.totalTime = totalTime
startCountDown()
timer?.start()
}
override fun onCleared() {
super.onCleared()
timer?.cancel()
}
companion object {
const val SECS_IN_MINUTES = 60
const val MSECS_IN_SEC = 1000
}
}
以上是大佬教程为你收集整理的如何在 Jetpack Compose 中重构每一分钟？ 用法全部内容，希望文章能够帮你解决如何在 Jetpack Compose 中重构每一分钟？ 用法所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。