用Android Studio做安卓開發的時候，使用RadioButton會有系統預設樣式，比如：在unchecked狀態下是黑色邊框+空心圓樣式；checked狀態下是粉紅色邊框+中間一個粉紅色原點（如下）。

但是有時候我們想要改變前面圓圈的樣式，那麼怎麼修改呢？

可能很多同學網上找到的解決方案，大都是在/drawable下新建一個radio**.xml檔案，在<selector>下的<item>下設定當android:state_checked為true/false時，設定android:drawable為/drawable下的不同狀態的圖片。

那麼問題來了，如果我並沒有兩種狀態的圖片，比如只是想改一下邊框顏色、點選後的顏色

其實原理也很簡單，而且跟上面的圖片替換也很類似，不過上面的是替換/drawable資料夾下的圖片，這裡介紹的方法是替換/drawable資料夾下的.xml樣式檔案。步驟如下：

1、先在/drawable資料夾下建立RadioButton狀態切換檔案，比如radio_button_style.xml

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <selectorxmlns:android="http://schemas.android.com/apk/res/android">
3.     <item
4.         android:state_enabled="true"
5.         android:state_checked="true"
6.         android:drawable="@drawable/radiobtn_checked_style"
7.         />
8.     <item
9.         android:state_enabled="true"
10.         android:state_checked="false"
11.         android:drawable="@drawable/radiobtn_unchecked_style"
12.         />
13. </selector>

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

    <item
        android:state_enabled="true"
        android:state_checked="false"
        android:drawable="@drawable/radiobtn_unchecked_style"
        />

</selector>

2、好了，上面兩個狀態其實是/drawable資料夾下的兩個.xml佈局檔案radiobtn_checked_style.xml和radiobtn_unchecked_style.xml。以下分別是兩個佈局檔案的程式碼：

radiobtn_checked_style.xml：

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <shapexmlns:android="http://schemas.android.com/apk/res/android">
3.     <corners
4.         android:radius="@dimen/pswRadioButtonWidth"/>
5.     <solid
6.         android:color="@color/buttonColorIn"/>
7.     <size
8.         android:height="@dimen/pswRadioButtonWidth"
9.         android:width="@dimen/pswRadioButtonWidth"/>
10.     <stroke
11.         android:width="@dimen/pswRadioButtonStrokeWidth"
12.         android:color="@color/buttonStroke"/>
13. </shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners
        android:radius="@dimen/pswRadioButtonWidth"/>

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

    <size
        android:height="@dimen/pswRadioButtonWidth"
        android:width="@dimen/pswRadioButtonWidth"/>

    <stroke
        android:width="@dimen/pswRadioButtonStrokeWidth"
        android:color="@color/buttonStroke"/>


</shape>

radiobtn_unchecked_style.xml

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <shapexmlns:android="http://schemas.android.com/apk/res/android">
3.     <corners
4.         android:radius="@dimen/pswRadioButtonWidth"/>
5.     <solid
6.         android:color="@color/buttonColor"/>
7.     <size
8.         android:height="@dimen/pswRadioButtonWidth"
9.         android:width="@dimen/pswRadioButtonWidth"/>
10.     <stroke
11.         android:width="@dimen/pswRadioButtonStrokeWidth"
12.         android:color="@color/buttonStroke"/>
13. </shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners
        android:radius="@dimen/pswRadioButtonWidth"/>

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

    <size
        android:height="@dimen/pswRadioButtonWidth"
        android:width="@dimen/pswRadioButtonWidth"/>

    <stroke
        android:width="@dimen/pswRadioButtonStrokeWidth"
        android:color="@color/buttonStroke"/>

</shape>

    (2)<size>標籤，定義RadioButton的大小（寬高）

    (3)<corners>標籤，定義原來矩形4個直角的完全程度（與width/heigth一致則為圓角）

    (4)<solid>為中間填充顏色

    (5)<stroke>為邊框屬性

    （當然shape還有一些其他屬性，在這裡沒用上就沒寫出來）

3、好了，定義好佈局，最後在整體佈局的RadioButton下把狀態切換檔案radio_button_style.xml加到android:button屬性下即可。比如：

1. <RadioButton
2.         android:layout_width="wrap_content"
3.         android:layout_height="wrap_content"
4.         android:id="@+id/pswRadioBtn1"
5.         android:layout_marginTop="20dp"
6.         android:checked="false"
7.         android:layout_below="@+id/hintText"
8.         android:layout_alignEnd="@+id/button1"
9.         android:clickable="false"
10.         android:button="@drawable/radio_button_style"/>

<RadioButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/pswRadioBtn1"
        android:layout_marginTop="20dp"
        android:checked="false"
        android:layout_below="@+id/hintText"
        android:layout_alignEnd="@+id/button1"
        android:clickable="false"
        android:button="@drawable/radio_button_style" />

4、最後展示一下我寫的RadioButton，在沒有新增切換圖片下的自定義效果：

unchecked:

checked:

很像iOS的效果是不是!!