android系列：用RadioButton实现ABCD单选效果

先上效果，主要是让用户选择ABCD的选项，一次只能选一个，

实现方法：

1：设置单选按钮样式为让用户看不到的小图，这里就是一个1*1像素的图片，原本想用@null,竟然不行

selector_radio.xml，放在drawable文件夹下

<!-- 单选按钮自定义效果 -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">

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

</selector>

2：设置单选按钮的背景，这个背景可以响应用户选择和未选的变化，

selector_radio_bg.xml，放在drawable文件夹下

<!-- 单选按钮背景自定义效果 -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">

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

</selector>

3:在values下的styles.xml里定义样式

<style name="custom_radio_styles">
        <item name="android:background">@drawable/selector_radio_bg</item>
        <item name="android:button">@drawable/selector_radio</item>
        <item name="android:gravity">center</item>  
    </style>

4：OK，接下来在布局文件里引用就可以了，如下：

<RadioGroup
       android:id="@+id/show_radio_group"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:orientation="horizontal" >

       <RadioButton
           android:id="@+id/single_radio_a"
           style="@style/custom_radio_styles"
           android:layout_width="30dp"
           android:layout_height="30dp"
           android:layout_marginRight="10dp"
           android:text="A" />

       <RadioButton
           android:id="@+id/single_radio_b"
           style="@style/custom_radio_styles"
           android:layout_width="30dp"
           android:layout_height="30dp"
           android:layout_marginRight="10dp"
           android:text="B"/>
       
       <RadioButton
           android:id="@+id/single_radio_c"
           style="@style/custom_radio_styles"
           android:layout_width="30dp"
           android:layout_height="30dp"
           android:layout_marginRight="10dp"
           android:text="C"/>
       
       <RadioButton
           android:id="@+id/single_radio_d"
           style="@style/custom_radio_styles"
           android:layout_width="30dp"
           android:layout_height="30dp"
           android:layout_marginRight="10dp"
           android:text="D"/>
   </RadioGroup>

接下来把三个图片放上来
按钮选中后背景图

按钮未选中背景图

按钮的小图片，看效果图还是不行，你们去做一个1*1像素的透明图片试试吧