Android RadioButton设置选中时文字和背景颜色同时改变

在使用 RadioButton 时，有时我们会想要达到选中时文字颜色和背景颜色同时改变的效果，这里还需要多进行几步操作。

首先，在布局文件中新建一组 RadioButton ：

[html] view plain copy

print?

1. <RadioGroup  
2.     android:layout_width=“match_parent”  
3.     android:layout_height=“wrap_content”  
4.     android:gravity=“center”  
5.     android:orientation=“horizontal”>  
6.   
7.     <RadioButton  
8.         android:id=“@+id/btn1”  
9.         android:layout_width=“0dp”  
10.         android:layout_height=“35dp”  
11.         android:layout_weight=“1”  
12.         android:background=“@drawable/radiobutton_background”  
13.         android:button=“@null”  
14.         android:gravity=“center”  
15.         android:text=“P0501”  
16.         android:textColor=“@color/radiobutton_textcolor”  
17.         android:textSize=“14sp” />  
18.   
19.     <RadioButton  
20.         android:id=“@+id/btn2”  
21.         android:layout_width=“0dp”  
22.         android:layout_height=“35dp”  
23.         android:layout_marginStart=“10dp”  
24.         android:layout_weight=“1”  
25.         android:background=“@drawable/radiobutton_background”  
26.         android:button=“@null”  
27.         android:gravity=“center”  
28.         android:text=“P0502”  
29.         android:textColor=“@color/radiobutton_textcolor”  
30.         android:textSize=“14sp” />  
31.   
32.     <RadioButton  
33.         android:id=“@+id/btn3”  
34.         android:layout_width=“0dp”  
35.         android:layout_height=“35dp”  
36.         android:layout_marginStart=“10dp”  
37.         android:layout_weight=“1”  
38.         android:background=“@drawable/radiobutton_background”  
39.         android:button=“@null”  
40.         android:gravity=“center”  
41.         android:text=“P0503”  
42.         android:textColor=“@color/radiobutton_textcolor”  
43.         android:textSize=“14sp” />  
44.   
45. </RadioGroup>  

            <RadioGroup                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:gravity="center"                android:orientation="horizontal">                <RadioButton                    android:id="@+id/btn1"                    android:layout_width="0dp"                    android:layout_height="35dp"                    android:layout_weight="1"                    android:background="@drawable/radiobutton_background"                    android:button="@null"                    android:gravity="center"                    android:text="P0501"                    android:textColor="@color/radiobutton_textcolor"                    android:textSize="14sp" />                <RadioButton                    android:id="@+id/btn2"                    android:layout_width="0dp"                    android:layout_height="35dp"                    android:layout_marginStart="10dp"                    android:layout_weight="1"                    android:background="@drawable/radiobutton_background"                    android:button="@null"                    android:gravity="center"                    android:text="P0502"                    android:textColor="@color/radiobutton_textcolor"                    android:textSize="14sp" />                <RadioButton                    android:id="@+id/btn3"                    android:layout_width="0dp"                    android:layout_height="35dp"                    android:layout_marginStart="10dp"                    android:layout_weight="1"                    android:background="@drawable/radiobutton_background"                    android:button="@null"                    android:gravity="center"                    android:text="P0503"                    android:textColor="@color/radiobutton_textcolor"                    android:textSize="14sp" />            </RadioGroup>

这里面有三个属性要做一下说明：

1、Android:button=”@null” 这样设置可以不显示我们通常所见的 RadioButton 中的圆形选中按钮.

2、android:background=”@drawable/radiobutton_background” 这里设置了背景选择器，代码如下：

[html] view plain copy

print?

1. <selector xmlns:android=“http://schemas.android.com/apk/res/android”>  
2.     <item android:drawable=“@drawable/radiobutton_background_unchecked”  
3.         android:state_checked=“false” />  
4.     <item android:drawable=“@drawable/radiobutton_background_checked”  
5.         android:state_checked=“true” />  
6. </selector>  

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/radiobutton_background_unchecked"        android:state_checked="false" />    <item android:drawable="@drawable/radiobutton_background_checked"        android:state_checked="true" /></selector>

这里面的选中样式又指向一个 Drawable 资源文件 radiobutton_background_checked.xml ，具体代码如下：

[html] view plain copy

print?

1. <shape xmlns:android=“http://schemas.android.com/apk/res/android”  
2.     android:shape=“rectangle”>  
3.     <!– 填充 –>  
4.     <solid android:color=“@color/color14” />  
5.     <!– 圆角 –>  
6.     <corners android:radius=“5dp” />  
7. </shape>  

<shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <!-- 填充 -->    <solid android:color="@color/color14" />    <!-- 圆角 -->    <corners android:radius="5dp" /></shape>

以上这些资源文件都放在 res/drawable/ 目录下。

3、android:textColor=”@color/radiobutton_textcolor” 这里设置了字体颜色选择器，需要稍作说明的是：需要在 res 目录下新建一个

文件夹取名为 color ，将字体颜色选择器 radiobutton_textcolor.xml 文件存放在 res/color/ 目录下面。代码如下：

[html] view plain copy

print?

1. <selector xmlns:android=“http://schemas.android.com/apk/res/android”>  
2.     <item android:color=“@color/color2”  
3.         android:state_checked=“false” />  
4.     <item android:color=“@color/color1”  
5.         android:state_checked=“true” />  
6. </selector>  

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:color="@color/color2"        android:state_checked="false" />    <item android:color="@color/color1"        android:state_checked="true" /></selector>

经过以上步骤后，我们来看一下效果图：

     

最后提一下怎么通过 RadioGroup 获取 RadioButton ：

[java] view plain copy

print?

1. RadioGroup radioGroup = (RadioGroup) findViewById(R.id.radioGroup);  
2. radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {  
3.     @Override  
4.     public void onCheckedChanged(RadioGroup group, int checkedId) {  
5.         RadioButton radioButton = (RadioButton) group.findViewById(checkedId);  
6.         String result = radioButton.getText().toString();  
7.     }  
8. });  

        RadioGroup radioGroup = (RadioGroup) findViewById(R.id.radioGroup);        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {            @Override            public void onCheckedChanged(RadioGroup group, int checkedId) {                RadioButton radioButton = (RadioButton) group.findViewById(checkedId);                String result = radioButton.getText().toString();            }        });

这样就可以获取到当前 RadioGroup 中选中的 RadioButton ，然后进行一些你想要的操作。

转载自