如何正确实现Calendar.HOUR_OF_DAY以动态更改TopAppBar文本内容？

我来帮你梳理下当前代码的问题，然后一步步修正，实现你想要的效果~

问题分析 #

你的TimeOfDay Composable目前存在两个核心问题：

1. 你在这个函数里计算出了mainMessage，但根本没把它用来渲染文本，反而自己内部调用了Text(text = "The $time")，而且传入的time参数完全没起到作用；
2. 在Composable函数里直接创建Calendar实例，每次重组都会重新创建，虽然影响不大，但不符合Jetpack Compose的最佳实践。

修正方案 #

我们需要把时段计算逻辑和UI渲染分离开，让TopAppBar的title能直接拿到动态计算的时段文本。

第一步：封装时段计算逻辑

先写一个工具函数来根据当前小时返回对应的时段文本：

private fun getCurrentTimeOfDay(): String {
    val cal = Calendar.getInstance()
    val hour = cal.get(Calendar.HOUR_OF_DAY)
    return when (hour) {
        in 6..11 -> "Morning"
        in 12..16 -> "Afternoon"
        in 17..20 -> "Evening"
        in 21..23 -> "Night"
        else -> "Morning" // 覆盖0-5点的情况
    }
}

第二步：在Composable中缓存计算结果

用remember来缓存这个时段值，避免每次Composable重组都重复计算（因为时间不会频繁变化，缓存能提升性能）：

@Composable
fun TW() {
    // 用remember缓存时段，只有首次组合或依赖变化时才重新计算
    val timeOfDay = remember { getCurrentTimeOfDay() }

    Scaffold(
        topBar = {
            TopAppBar(
                title = { 
                    // 直接使用缓存的时段文本渲染TopAppBar标题
                    Text(text = "Good $timeOfDay!") 
                },
                elevation = 12.dp
            )
        },
        content = { padding ->
            // 别忘了使用Scaffold的content padding，避免内容被TopAppBar遮挡
            Column(modifier = Modifier.padding(padding)) {
                Greeting("Android")
            }
        }
    )
}

（可选）实时更新时段

如果想要实时更新（比如过了12点自动从Morning切换到Afternoon），可以配合LaunchedEffect和mutableStateOf来实现：

@Composable
fun TW() {
    var timeOfDay by remember { mutableStateOf(getCurrentTimeOfDay()) }

    // 每分钟刷新一次时段
    LaunchedEffect(Unit) {
        while (true) {
            delay(60 * 1000)
            timeOfDay = getCurrentTimeOfDay()
        }
    }

    Scaffold(
        topBar = {
            TopAppBar(
                title = { Text(text = "Good $timeOfDay!") },
                elevation = 12.dp
            )
        },
        content = { padding ->
            Column(modifier = Modifier.padding(padding)) {
                Greeting("Android")
            }
        }
    )
}

关键改动总结 #

• 移除了无用的TimeOfDay Composable和time参数，让逻辑更清晰；
• 使用remember缓存计算结果，遵循Compose的性能最佳实践；
• 把时段计算和UI渲染分离，让TopAppBar的title能直接使用动态文本；
• 补充了Scaffold的content padding，避免内容被TopAppBar遮挡（这是你之前代码里容易忽略的细节）。

内容的提问来源于stack exchange，提问作者wbk727