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

首先,在布局文件中新建一组 RadioButton :

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:orientation="horizontal">

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" />

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" />

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" />

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

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

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

android:state_checked="false" />

android:state_checked="true" />

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

android:shape="rectangle">

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

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

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

android:state_checked="false" />

android:state_checked="true" />

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

56b973fd1ea949519b306d2b4327451c.jpg     

9d3c2aaf535b4a01bbe320c99d7d54fb.jpg

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

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 ,然后进行一些你想要的操作。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐