radioButton 預設的風格是這樣的：

怎麼樣修改這個紅色的圓圈為我們自定義的圖示呢？

我們注意到RadioButton的button屬性，是設定這個紅色圓圈的，當我們設定 [email protected] 則這個圓圈消失；

現在我們要將它設定成下面的樣式：

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"/>