在我的布局中,我有一个AppCompatRadioButton
。使用app:buttonTint
,我将按钮设为白色。如果我选中AppCompatRadioButton
,则圆圈的填充颜色也是白色。选中按钮后,如何仅更改圆的填充颜色?示例:单击时,圆圈将进一步变为白色,并且圆圈的填充颜色将变为红色。
答案 0 :(得分: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>
答案 1 :(得分:0)
步骤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>