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

来源：互联网发布：java脚本语言编辑：程序博客网时间：2024/06/14 10:40

先上效果，主要是让用户选择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像素的透明图片试试吧

0 0