Jetpack Compose：如何根据按钮启用/禁用状态修改边框颜色？

要实现禁用状态下边框变为灰色、同时保持背景透明的效果，只需要根据按钮的isEnabled状态动态切换边框颜色即可，和ButtonDefaults.buttonColors根据状态设置颜色的逻辑一致。

修改后的代码如下：

@Composable
fun MyButton(
    modifier: Modifier = Modifier,
    title: String,
    isEnabled: Boolean = true,
    onClick: () -> Unit
) {
    Button(
        modifier = modifier
            .height(40.dp)
            .border(
                width = 1.dp,
                // 根据enabled状态动态切换边框颜色
                color = if (isEnabled) Color.Red else Color.Gray,
                shape = RoundedCornerShape(16.dp)
            )
            .background(
                color = Color.Transparent,
                shape = RoundedCornerShape(16.dp),
            ),
        shape = RoundedCornerShape(16.dp),
        onClick = onClick,
        elevation = ButtonDefaults.elevation(
            defaultElevation = 0.dp,
            pressedElevation = 0.dp,
            hoveredElevation = 0.dp
        ),
        colors = ButtonDefaults.buttonColors(
            backgroundColor = Color.Transparent,
            disabledBackgroundColor = Color.Transparent,
            contentColor = Color.White,
            disabledContentColor = Color.Gray
        ),
        enabled = isEnabled
    ) {
        Text(text = title)
    }
}

关键修改说明 #

• 在border修饰符的color参数中，通过if (isEnabled)判断：启用时用红色边框，禁用时切换为灰色
• 保留了原代码中背景透明的设置，确保无论启用/禁用状态，按钮背景都保持透明
• 按钮的enabled参数绑定到传入的isEnabled，确保状态联动生效

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