radio button、qss文件环境配置

Lee Neo

已于 2022-07-31 19:38:17 修改

阅读量477

点赞数 1

分类专栏： QT 文章标签： html css html5

于 2022-07-31 16:13:21 首次发布

本文链接：https://blog.csdn.net/weixin_46432495/article/details/126085787

版权

QT 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

QSS 文件是使用 Qt 程序相关联的样式表文件。
如何添加资源详见QT开发指南7.1.3；

指南中的无iu纯代码实现，这里为了方便，使用ui新建了radio button对象；

qss环境配置：

如图添加style.qss

main.cpp中插入qss文件读取代码：

/* 指定文件 */
    QFile file(":/style.qss");
    /* 判断文件是否存在 */
    if (file.exists() ) {
        /* 以只读的方式打开 */
        file.open(QFile::ReadOnly);
        /* 以字符串的方式保存读出的结果 */
        QString styleSheet = QLatin1String(file.readAll());
        /* 设置全局样式 */
        qApp->setStyleSheet(styleSheet);
        /* 关闭文件 */
        file.close();
    }

radio button对象添加：

ui新建radio button对象

也可以先在widget.h声明对象；在widget.cpp实例化对象并设置大小文本；

编写style.qss

QRadioButton::indicator:unchecked{image:url(:/icons/radioButton_unchecked.png)}
/未选中时按钮的图片
QRadioButton::indicator:checked{image:url(:/icons/radioButton_checked.png)}
/选中时按钮的图片
QRadioButton {font-size:30px; color: #99404040}
/按钮的文字大小和颜色

实现效果：

补充：

QRadioButton::indicator {width：0px; height:0px;}
/单选按钮：：前面的小圈{消失}

QPushButton {background-color: #404040;font-size: 30px;border-radius: 5px}
/

QPushButton:: checked {backedground-color: green; color:white}
/