Radio Button选中后背景和字体同时变颜色

墨衍会员 · AI 创作全网分发码龄9年

关注

原创最新推荐文章于 2026-08-09 14:32:36 发布 4k 阅读 AI 写同款· GEO 优化 ›

QRadioButton设置字体和按钮样式（变大，调整颜色） QRadioButton设置字体和按钮样式（变大，调整颜色）今天用到了QRadioButton这个选择的按钮，这是默认的样式，发现在ui的属性里面没有可调节的选项，有点犯愁，查了会文档，最后发现只能用样式表来修改QRadioButton的样式。QRadioButton::indicator 表示QRadioButton的指示器，也就是那个可以点的圆形按钮。用样式表设置了样式后，圆形按钮变大了，字体颜色啥的也变了，好看多了，达到了想要的效果。QRadioButton::checked 表示选中后要做的样式改变阅读详情

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

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

<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" 这里设置了背景选择器，代码如下：

<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 ，具体代码如下：

<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/ 目录下面。代码如下：

<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 ：

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

设置默认的radiobutton

首先获取radioGroup

radio_Group.check(R.id.rb_shouye);
//  设置成默认选中  按钮为红色

rb_shouye你想要默认的 id

第二种方法
// 设置成默认选中按钮为红色
//在 xml 里面写一个属性

android:checked="true"

本内容遵循 CC 4.0 BY-SA 版权协议

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

陈小胖：RadioButton底部按钮文字图片背景的颜色改变文章目录1、效果图2、xml3、改变背景图片4、改变文字颜色5、改变背景颜色寄语 1、效果图只是简单写了一个点击文字变色图片变色背景变色 2、xml 四个重复太多所以只写了一个RadioButton 注意：RadioButton写在RadioGroup里 <RadioButton android:id="@+id/btn_one" ... 阅读详情

0

I_do_

博客等级

码龄9年 31粉丝 99原创

+ 关注

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。