Jetpack Compose中点击按钮切换另一按钮颜色的实现问题

你不需要给两个按钮分别设置独立的selected状态，因为它们的颜色切换是互斥关联的，用单个状态变量就能搞定。以下是完整的实现代码：

import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.padding
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

@Composable
fun ToggleColorButtons() {
    // 用布尔值记录ButtonA是否为黄色（初始状态符合需求：A黄B绿）
    var isButtonAYellow by remember { mutableStateOf(true) }

    Row {
        // ButtonA：根据状态切换背景色，点击时反转状态
        Text(
            text = "ButtonA",
            modifier = Modifier
                .background(if (isButtonAYellow) Color.Yellow else Color.Green)
                .clickable { isButtonAYellow = !isButtonAYellow }
                .padding(16.dp)
        )

        // ButtonB：颜色和ButtonA完全相反，点击同样反转状态
        Text(
            text = "ButtonB",
            modifier = Modifier
                .background(if (!isButtonAYellow) Color.Yellow else Color.Green)
                .clickable { isButtonAYellow = !isButtonAYellow }
                .padding(16.dp)
        )
    }
}

关键逻辑说明： #

• 用var isButtonAYellow by remember { mutableStateOf(true) }维护唯一状态，remember确保状态在重组时保留，mutableStateOf让Compose感知状态变化并自动更新UI。
• 两个按钮的背景色都基于这个状态判断：ButtonA为黄色时，ButtonB必为绿色；反之亦然。
• 点击任意按钮都反转状态，实现互切效果。

如果需要用Material的Button组件，只需要把背景色设置换成Button的colors参数即可，示例如下：

import androidx.compose.material.Button
import androidx.compose.material.ButtonDefaults
// ...其他导入不变

@Composable
fun ToggleColorMaterialButtons() {
    var isButtonAYellow by remember { mutableStateOf(true) }

    Row {
        Button(
            onClick = { isButtonAYellow = !isButtonAYellow },
            colors = ButtonDefaults.buttonColors(
                backgroundColor = if (isButtonAYellow) Color.Yellow else Color.Green
            ),
            modifier = Modifier.padding(8.dp)
        ) {
            Text(text = "ButtonA")
        }

        Button(
            onClick = { isButtonAYellow = !isButtonAYellow },
            colors = ButtonDefaults.buttonColors(
                backgroundColor = if (!isButtonAYellow) Color.Yellow else Color.Green
            ),
            modifier = Modifier.padding(8.dp)
        ) {
            Text(text = "ButtonB")
        }
    }
}

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