当前位置:   article > 正文

QRadioButton设置字体和按钮样式(变大,调整颜色)_qradiobutton美化

qradiobutton美化

今天用到了QRadioButton这个选择的按钮,这是默认的样式,发现在ui的属性里面没有可调节的选项,有点犯愁,查了会文档,最后发现只能用样式表来修改QRadioButton的样式
在这里插入图片描述
样式表设置了样式后,圆形按钮变大了,字体颜色啥的也变了,好看多了,达到了想要的效果
在这里插入图片描述

在这里插入图片描述

样式代码如下:

    ui->radioTextButton->setStyleSheet("QRadioButton::indicator{width: 20px;height: 20px;color:rgb(0, 255, 0)}\
                                       QRadioButton{font-size: 16px;;color: rgb(0, 255, 0);}\
                                       QRadioButton::checked{color:rgb(0, 255, 0);}\
                                       QRadioButton::unchecked{color:rgb(255, 255, 255);}\
                                       ");
    ui->radioTimeButton->setStyleSheet("QRadioButton::indicator{width: 20px;height: 20px;color:rgb(0, 255, 0)}\
                                       QRadioButton{font-size: 16px;;color: rgb(0, 255, 0);}\
                                       QRadioButton::checked{color:rgb(0, 255, 0);}\
                                       QRadioButton::unchecked{color:rgb(255, 255, 255);}\
                                       ");
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

简单解释一下:
QRadioButton::indicator 表示QRadioButton的指示器,也就是那个可以点的圆形按钮
QRadioButton::checked 表示选中后要做的样式改变

QRadioButton{font-size: 16px;;color: rgb(0, 255, 0);}设置字体颜色
其他的就不说了,可以去看一下这篇博客,写的蛮详细的 https://blog.csdn.net/aiwangtingyun/article/details/94626464

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/450273
推荐阅读
相关标签
  

闽ICP备14008679号