Android开发：在新Intent中使用RadioButton实现背景色切换

嘿，恭喜你已经搞定了Toolbar和Activity跳转的部分，这一步一步推进的节奏很棒！针对你想实现的RadioButton切换背景色功能，我给你整理了一套实操方案，应该能帮你快速落地：

1. 先在布局中搭建单选按钮组 #

首先要用到RadioGroup来包裹RadioButton，这样能确保同一时间只有一个选项被选中，符合常规的单选逻辑。你可以把这段布局代码加到目标页面（比如MainActivity的布局）里，放在Toolbar下方或者合适的位置：

<!-- 单选按钮组 -->
<RadioGroup
    android:id="@+id/color_radio_group"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="16dp">

    <RadioButton
        android:id="@+id/radio_white"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="白色背景"
        android:checked="true" /> <!-- 默认选中白色背景 -->

    <RadioButton
        android:id="@+id/radio_blue"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="蓝色背景" />

    <RadioButton
        android:id="@+id/radio_green"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="绿色背景" />
</RadioGroup>

<!-- 要切换背景的根容器，给它设置一个id方便后续操作 -->
<LinearLayout
    android:id="@+id/main_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 这里放你已有的Toolbar、其他页面控件 -->
</LinearLayout>

2. 在Activity中处理选中事件 #

接下来在对应的Activity里，我们需要监听单选按钮的选中状态变化，然后切换根容器的背景色。下面是Kotlin版本的代码（如果用Java写法逻辑完全一致，只是语法稍有不同）：

class MainActivity : AppCompatActivity() {
    private lateinit var mainContainer: LinearLayout
    private lateinit var colorRadioGroup: RadioGroup

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // 初始化控件
        mainContainer = findViewById(R.id.main_container)
        colorRadioGroup = findViewById(R.id.color_radio_group)

        // 设置单选组的选中监听
        colorRadioGroup.setOnCheckedChangeListener { _, checkedId ->
            // 根据选中的RadioButton ID切换背景色
            when(checkedId) {
                R.id.radio_white -> mainContainer.setBackgroundColor(Color.WHITE)
                R.id.radio_blue -> mainContainer.setBackgroundColor(Color.parseColor("#2196F3")) // 常用的谷歌蓝
                R.id.radio_green -> mainContainer.setBackgroundColor(Color.parseColor("#4CAF50")) // 常用的谷歌绿
                // 后续可以在这里扩展更多颜色选项
            }
        }

        // 处理屏幕旋转等场景下的状态恢复，避免选中状态丢失
        savedInstanceState?.let {
            val selectedColor = it.getInt("selected_color", Color.WHITE)
            mainContainer.setBackgroundColor(selectedColor)
            // 同步选中对应的RadioButton
            when(selectedColor) {
                Color.WHITE -> colorRadioGroup.check(R.id.radio_white)
                Color.parseColor("#2196F3") -> colorRadioGroup.check(R.id.radio_blue)
                Color.parseColor("#4CAF50") -> colorRadioGroup.check(R.id.radio_green)
            }
        }
    }

    // 保存当前选中的背景色状态
    override fun onSaveInstanceState(outState: Bundle) {
        super.onSaveInstanceState(outState)
        val currentColor = mainContainer.solidColor
        outState.putInt("selected_color", currentColor)
    }
}

3. 几个实用的优化建议 #

• 规范颜色管理：可以把颜色值统一放到res/values/colors.xml里，比如<color name="blue_primary">#2196F3</color>，然后用ContextCompat.getColor(this, R.color.blue_primary)获取，这样后续修改颜色更方便。
• 跨页面同步：如果想在多个Activity之间保持相同的背景色，可以用SharedPreferences保存选中的颜色值，启动其他Activity时读取并设置背景。
• 美化单选按钮：可以给RadioButton设置自定义样式，比如修改选中时的圆点颜色，让界面和你的App风格更统一。

这样实现后，你就能像常见应用那样通过单选按钮切换背景色了，验证没问题后再整合到正式项目里就很顺畅啦！

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