用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

<?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：

<?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

<?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屬性下即可。比如：

<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的效果是不是!!