如何在Jetpack Compose的CardView中使用foreground属性？

完全可以通过Modifier实现，这是Compose里替代XML中该属性的标准方式，核心是利用clickable或selectable Modifier配合波纹指示效果。

基础点击场景（对应普通点击触发波纹） #

直接给Card添加clickable Modifier，搭配rememberRipple()就能实现和selectableItemBackground一致的点击波纹效果：

Card(
    modifier = Modifier
        .clickable(
            interactionSource = remember { MutableInteractionSource() },
            indication = rememberRipple()
        ) {
            // 处理点击逻辑
        }
) {
    // Card内部内容，比如Text、Image等
}

rememberRipple()默认会继承当前主题的波纹样式，和系统原生的selectableItemBackground视觉效果完全匹配。如果需要自定义波纹颜色、半径，也可以给rememberRipple()传参：

rememberRipple(color = Color.Red, radius = 24.dp)

可选中场景（支持选中状态切换） #

如果是需要支持选中状态的视图（比如列表项），可以用selectable Modifier：

val selected = remember { mutableStateOf(false) }

Card(
    modifier = Modifier
        .selectable(
            selected = selected.value,
            interactionSource = remember { MutableInteractionSource() },
            indication = rememberRipple(),
            onClick = { selected.value = !selected.value }
        )
) {
    // 内容区域
}

额外说明 #

如果一定要复用系统的selectableItemBackground Drawable资源，也可以通过上下文获取后转换成Compose的Modifier，但这种方式没必要——rememberRipple()已经能完美对齐原生效果，且更符合Compose的声明式设计。

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