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像素的透明图片试试吧