Question

在我的布局中，我有一个AppCompatRadioButton。使用app:buttonTint，我将按钮设为白色。如果我选中AppCompatRadioButton，则圆圈的填充颜色也是白色。选中按钮后，如何仅更改圆的填充颜色？示例：单击时，圆圈将进一步变为白色，并且圆圈的填充颜色将变为红色。

Answer 1

您可以使用自定义图层

<android.support.v7.widget.AppCompatRadioButton
                        android:id="@+id/radioButton"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:checked="true"
                        android:text="Text"
                        android:button="@drawable/selector_radio"
                        android:textSize="16dp" />

selector_radio.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/radio_layer" android:state_checked="true"></item>
    <item android:drawable="@drawable/radio_ring_checked"></item>
</selector>

radio_layer.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/radio_ring_checked"/>
    <item android:drawable="@drawable/radio_ring_unchecked"/>

</layer-list>

radio_ring_checked.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadiusRatio="4"
    android:shape="ring"
    android:thickness="2dp"
    android:useLevel="false" >

    <solid android:color="@color/ash" />

    <size
        android:height="30dp"
        android:width="30dp" />

</shape>

radio_ring_unchecked.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadiusRatio="1000"
    android:shape="ring"
    android:thickness="4dp"
    android:useLevel="false" >

    <solid android:color="@color/colorPrimaryButton" />

    <size
        android:height="18dp"
        android:width="18dp" />

</shape>

Answer 2

步骤1 如果您只想更改颜色，则可以使用主题。

styles.xml

<style name="MyCheckBox" parent="Theme.AppCompat.NoActionBar">
    <item name="colorControlNormal">#d1d1d1</item>   <!-- normal border color change as you wish -->
    <item name="colorControlActivated">#359e1d</item> <!-- activated color change as you wish -->
    <item name="android:textColor">#FFFF3F3C</item> <!-- checkbox text color -->
  </style>

在您的布局中

  <android.support.v7.widget.AppCompatRadioButton
                            android:id="@+id/radioButton"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:checked="true"
                            android:text="Text"
                            android:theme="@style/MyCheckBox"
                            android:textSize="16dp" />

步骤2 如果要更改rabio按钮的图标

在您的布局中

   <android.support.v7.widget.AppCompatRadioButton
                                android:id="@+id/radioButton"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:checked="true"
                                android:text="Text"
                                android:button="@drawable/cb_selector"
                                android:textSize="16dp" />

您的可绘制对象

 <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_checked="true" android:drawable="@drawable/icon_tick" />
        <item android:state_checked="false" android:drawable="@drawable/icon_un_tick" />
    </selector>

RadioButton设置圆圈的填充颜色

2 个答案: