Jetpack Compose中根据卡片容器颜色自动设置内容颜色的问题

contentColorFor() 是基于Material Design主题的颜色体系返回适配内容色，并非直接根据背景色深浅切换黑白，所以达不到你要的效果。你可以自己实现一个颜色亮度判断函数来解决这个问题：

1. 实现颜色对比度判断函数 #

这个函数会根据背景色的亮度值，返回对应的黑白内容色：

fun getContrastColor(backgroundColor: Color): Color {
    // 计算颜色的相对亮度（遵循WCAG标准）
    val luminance = backgroundColor.luminance()
    // 亮度低于0.5判定为深色背景，用白色文字；反之用黑色
    return if (luminance < 0.5) Color.White else Color.Black
}

2. 修改Card组件代码 #

将原来的contentColorFor()替换为自定义的函数：

Card(
    modifier = modifier,
    colors = CardDefaults.cardColors(
        containerColor = Color(note.color),
        contentColor = getContrastColor(Color(note.color))
    )
) {
    // 这里放置你的卡片内容
}

补充说明 #

如果需要更严格的对比度适配（符合WCAG无障碍标准），可以调整亮度阈值。比如将阈值设为0.35，能获得更高的对比度，但0.5的阈值已经能满足大部分日常场景的黑白切换需求。

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