Jetpack Compose实现WearOS复古闪烁点阵及代码优化咨询

1. 实现BLINKING状态的闪烁效果 #

用Compose的LaunchedEffect配合可变状态就能快速实现简单的闪烁切换，后续可以扩展过渡动画：

enum class SegmentState { OFF, ON, BLINKING }

@Composable
fun DotMatrix(matrix: List<List<SegmentState>>) {
    // 控制闪烁开关的状态，初始为亮
    val isBlinkActive = remember { mutableStateOf(true) }

    // 启动闪烁循环，每隔500ms切换一次状态
    LaunchedEffect(Unit) {
        while (true) {
            delay(500)
            isBlinkActive.value = !isBlinkActive.value
        }
    }

    // 定义各状态的基础样式
    val offModifier = Modifier
        .size(8.dp)
        .background(Color(0xFF222222)) // 近黑非全黑
    val onModifier = Modifier
        .size(8.dp)
        .background(Color(0xFF39FF14)) // 复古绿色荧光

    // 动态匹配状态对应的样式
    fun getDotModifier(state: SegmentState): Modifier {
        return when(state) {
            SegmentState.OFF -> offModifier
            SegmentState.ON -> onModifier
            SegmentState.BLINKING -> if (isBlinkActive.value) onModifier else offModifier
        }
    }

    // 渲染点阵布局
    Column(spacing = 2.dp) {
        matrix.forEach { row ->
            Row(spacing = 2.dp) {
                row.forEach { state ->
                    Box(getDotModifier(state))
                }
            }
        }
    }
}

如果后续要加平滑过渡效果，把background的颜色换成animateColorAsState即可，比如：

val blinkColor by animateColorAsState(
    targetValue = if (isBlinkActive.value) Color(0xFF39FF14) else Color(0xFF222222),
    animationSpec = tween(300)
)

2. 点阵布局的性能分析 #

10行5列总共50个小组件，完全不会给WearOS带来性能负担：

• Compose的重组机制是精准的，只有闪烁的点会随状态变化重新绘制，静态点不会触发多余渲染
• Columns+Rows的布局代码可读性高、维护成本低，适合当前规模的点阵

只有当你需要扩展到几十上百个点，或者需要复杂自定义绘制（比如点的形状渐变、触控交互）时，再考虑改用Canvas方案。Canvas直接在画布上绘制，能减少组件树开销，但代码复杂度会更高。当前阶段用现有布局方案足够。

3. 实现穷尽式状态映射 #

最直接的方式是用Kotlin枚举类配合when表达式，编译器会在编译期强制检查穷尽性，从根源上避免遗漏状态：

enum class SegmentState { OFF, ON, BLINKING }

// 定义状态到Modifier的映射函数
private fun getDotModifier(state: SegmentState): Modifier {
    return when(state) {
        SegmentState.OFF -> Modifier.size(8.dp).background(Color(0xFF222222))
        SegmentState.ON -> Modifier.size(8.dp).background(Color(0xFF39FF14))
        SegmentState.BLINKING -> Modifier.size(8.dp).background(Color(0xFF39FF14))
    }
}

后续如果给SegmentState新增枚举值，编译器会直接报错，提示你补充when分支。此时你原来的代码可以改成：

row.map { getDotModifier(it) }

完全不需要Elvis运算符，因为when已经覆盖了所有可能的状态。

如果一定要用Map存储映射，可以用EnumMap配合枚举values()强制初始化所有状态：

private val stateToModifier: Map<SegmentState, Modifier> = run {
    val map = EnumMap<SegmentState, Modifier>(SegmentState::class.java)
    SegmentState.values().forEach { state ->
        map[state] = when(state) {
            SegmentState.OFF -> Modifier.size(8.dp).background(Color(0xFF222222))
            SegmentState.ON -> Modifier.size(8.dp).background(Color(0xFF39FF14))
            SegmentState.BLINKING -> Modifier.size(8.dp).background(Color(0xFF39FF14))
        }
    }
    map
}

这种方式同样能保证穷尽性，但不如when表达式简洁。

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