如何将菜单中单选按钮的圆圈颜色从粉色改为深蓝色

Got it, let's get those menu radio button circles switched from pink to dark blue! Here's a step-by-step solution that works with your existing style.xml and Java code:

1. 在style.xml中定义自定义单选按钮样式 #

First, we'll create a custom style to override the default radio button colors. Add this to your res/values/style.xml file:

<!-- 自定义菜单单选按钮样式 -->
<style name="MenuRadioButtonStyle" parent="Widget.AppCompat.CompoundButton.RadioButton">
    <!-- 未选中状态的圆圈颜色 -->
    <item name="colorControlNormal">@color/dark_blue</item>
    <!-- 选中状态的圆圈颜色 -->
    <item name="colorControlActivated">@color/dark_blue</item>
    <!-- 兼容Android 5.0及以下版本 -->
    <item name="android:colorControlNormal">@color/dark_blue</item>
    <item name="android:colorControlActivated">@color/dark_blue</item>
</style>

Next, add the dark blue color to your res/values/colors.xml (replace the hex value with your preferred shade of dark blue):

<color name="dark_blue">#1976D2</color>

2. 应用样式到菜单单选项 #

You have two options here, depending on whether you want the style to apply only to this menu or globally:

Option A: Apply only to your target menu #

Open your menu XML file (e.g., res/menu/your_custom_menu.xml) and add the android:theme attribute to each radio menu item or the entire group:

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group 
        android:id="@+id/menu_radio_group"
        android:checkableBehavior="single">
        
        <item
            android:id="@+id/option_one"
            android:title="Option 1"
            android:theme="@style/MenuRadioButtonStyle"/>
            
        <item
            android:id="@+id/option_two"
            android:title="Option 2"
            android:theme="@style/MenuRadioButtonStyle"/>
            
    </group>
</menu>

Option B: Apply globally to all radio buttons (if needed) #

If you want every radio button in your app to use this dark blue style, update your app's base theme in style.xml:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- 其他已有的主题属性 -->
    <item name="radioButtonStyle">@style/MenuRadioButtonStyle</item>
</style>

3. Your Java code stays unchanged #

Good news—you don't need to modify any of your existing Java logic for detecting selected states or executing actions. The style change only affects the visual appearance, not the functionality. For example, your existing code like this will still work perfectly:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.your_custom_menu, menu);
    // Set default selected option
    menu.findItem(R.id.option_one).setChecked(true);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int id = item.getItemId();
    switch (id) {
        case R.id.option_one:
            item.setChecked(true);
            // Execute your action for option 1
            return true;
        case R.id.option_two:
            item.setChecked(true);
            // Execute your action for option 2
            return true;
        default:
            return super.onOptionsItemSelected(item);
    }
}

Quick Notes #

• If you're using a Material Components theme instead of AppCompat, set the parent style to Widget.MaterialComponents.CompoundButton.RadioButton
• Test on different Android versions to ensure compatibility—especially if you need to support older devices
• Adjust the dark_blue hex value to match your exact desired shade

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