radioButton 默認的風格是這樣的:
怎麼樣修改這個紅色的圓圈爲我們自定義的圖標呢?
我們注意到RadioButton的button屬性,是設置這個紅色圓圈的,當我們設置 button=@null 則這個圓圈消失;
現在我們要將它設置成下面的樣式:
1.首先在drawable下創建 radio_btn_style.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/radio_uncheck_shape" android:state_checked="false" />
<item android:drawable="@drawable/radio_checked_shape" android:state_checked="true" />
</selector>
2.在drawable下創建radio_uncheck_shape.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="5dp" />
<size
android:width="10dp"
android:height="10dp" />
<solid android:color="@color/colorLightBrown" />
<stroke
android:width="2dp"
android:color="@color/colorLightBrown" />
</shape>
3.在drawable下創建radio_checked_shape.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="5dp" />
<size
android:width="10dp"
android:height="10dp" />
<solid
android:color="@color/colorLightBule"/>
<stroke
android:width="2dp"
android:color="@color/colorLightBrown" />
</shape>
4.最後將我們的樣式設置到radioButton控件上
<RadioButton
android:layout_width="match_parent"
android:layout_height="0dp"
android:button="@drawable/radio_btn_style"/>